Tata letak, tema, dan animasi

Implementasikan tata letak yang lebih canggih serta tambahkan gerakan dan gaya ke aplikasi. Anda akan mempelajari berbagai Compose Animation API, cara menerapkan Desain Material 3, cara menggunakan tata letak kustom untuk menerapkan desain yang kompleks, dan cara menggunakan tata letak lambat untuk membuat UI berperforma tinggi.

 

Dasar-Dasar Tata Letak dan Pengubah Compose

Video

Pelajari dasar-dasar Tata Letak dan Pengubah: cara Tata Letak dan Pengubah berfungsi bersama, API otomatis yang ditawarkan, dan cara menata gaya UI Anda.

Tata letak lambat

Video

Pelajari cara membuat daftar scroll di Compose dan mengapa hal tersebut lebih sederhana daripada menggunakan RecyclerView. Pelajari lebih lanjut mengapa daftar scroll bertingkat tidak diizinkan dan cara melakukannya secara berbeda, alasan item tidak boleh berukuran 0 piksel, dan alasan pentingnya menyediakan kunci unik serta cara kerja animasi item. Terakhir, temukan cara menampilkan Petak, menggunakan pengelola tata letak khusus, dan memahami cara meningkatkan pengoptimalan performa agar scroll lebih cepat.

Sistem Desain Material

Video

Pelajari warna, penerapan tema, dan komponen dinamis Material You di Compose.

Memberi tema aplikasi Anda dengan Desain Material 3

Codelab

Dalam codelab ini, Anda akan mempelajari cara menggunakan API tema Jetpack Compose untuk memberi gaya pada aplikasi Anda. Kita akan melihat cara menyesuaikan warna, bentuk, dan tipografi agar digunakan secara konsisten di seluruh aplikasi Anda dan mendukung tema terang & gelap serta tema dinamis.

Menata gaya teks

Video

Pelajari cara menggunakan Material API untuk mengonfigurasi tipografi, termasuk menggunakan font yang dapat didownload dan font variabel.

5 animasi cepat untuk membuat aplikasi Anda menarik

Video

Pelajari 5 animasi cepat untuk membuat aplikasi Anda menarik hanya dalam beberapa menit.

Pengantar menggambar di Compose

Video

Pelajari semua cara menggambar item kustom di Compose.

Menganimasikan elemen

Codelab

Pelajari cara menggunakan Compose Animation API. Kita akan memulai dengan animasi nilai paling sederhana dan mempelajari API lain melalui beberapa pola animasi umum. Kita juga membahas topik lanjutan, seperti penyesuaian animasi dan animasi dengan gestur sentuh.

Tata letak dan grafis kustom

Video Opsional

Compose menawarkan berbagai solusi otomatis untuk membuat layar dengan cepat dan mudah dari awal. Namun, apa yang terjadi jika Anda perlu benar-benar membuat layar yang sepenuhnya kustom? Pelajari konsep tata letak lanjutan lainnya untuk membuat tata letak kustom Anda sendiri guna meningkatkan implementasi desain Anda.

Batasan dan urutan pengubah

Video Opsional

Pengubah di Compose dapat dirantai dan urutan rantai tersebut sangat penting. Namun, bagaimana tepatnya urutan rantai ini penting? Pelajari alasan pembuatan rantai pengubah dan pengaruhnya terhadap ukuran composable.

Kuis

Uji pengetahuan yang telah Anda pelajari dan dapatkan badge Tata letak dan animasi.