Jetpack Compose

Pelajari Compose, toolkit modern untuk mem-build UI Android native.

 

Tutorial: Dasar-dasar Jetpack Compose

Artikel Opsional

Pelajari dasar-dasar Compose dan cara membuat komponen UI sederhana dengan fungsi deklaratif. Pahami fungsi composable, tata letak dasar, serta cara kerja Desain Material, daftar, dan animasi di Compose.

Yang baru di Jetpack Compose

Video Opsional

Dapatkan ringkasan Jetpack Compose dan pelajari pengertian toolkit UI deklaratif serta cara menggunakan Compose untuk membuat UI yang menarik.

Paradigma Compose

Artikel Opsional

Pelajari perbedaan pendekatan deklaratif Compose dengan pendekatan berbasis View yang mungkin telah Anda gunakan sebelumnya.

Dasar-dasar Jetpack Compose

Codelab

Dapatkan pengalaman langsung dan pelajari dasar-dasar UI deklaratif, yang berfungsi dengan status, tata letak, dan tema. Anda akan mengetahui pengertian composable dan pengubah, cara menggunakan elemen UI dasar seperti Row dan Column, serta cara memberikan status ke aplikasi Anda.

Tata letak di Jetpack Compose

Codelab

Pelajari cara kerja tata letak di Jetpack Compose, termasuk: tata letak bawaan, pengubah, dan cara membuat tata letak kustom Anda sendiri.

Menggunakan status di Jetpack Compose

Codelab

Pahami pola untuk menangani status di dunia deklaratif dengan membuat aplikasi daftar tugas. Pelajari Aliran Data Searah, composable stateless dan stateful, API slot, cara menggunakan ViewModels di Compose, dan banyak lagi.

Tema Jetpack Compose

Codelab

Dapatkan pengalaman langsung menggunakan Desain Material di Compose untuk memahami cara menyetel warna, tipografi, dan bentuk khusus pada aplikasi, serta mendukung tema terang dan gelap.

Jetpack Compose Animation

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.

Jetpack Compose Navigation

Codelab

Pelajari cara menggunakan library Jetpack Navigation di Compose, menavigasi dalam aplikasi Anda, menavigasi dengan argumen, mendukung deep link, dan menguji navigasi Anda.

Pengujian di Jetpack Compose

Codelab

Pelajari cara menguji UI Jetpack Compose. Tulis pengujian pertama Anda serta pelajari pengujian terpisah, pengujian proses debug, hierarki semantik, dan sinkronisasi pengujian.

Aksesibilitas di Jetpack Compose

Codelab

Pelajari cara meningkatkan kegunaan aplikasi, terutama untuk pengguna dengan disabilitas. Tingkatkan ukuran target sentuh, tambahkan deskripsi konten, buat tindakan kustom, dan lainnya.

Bermigrasi ke Jetpack Compose

Codelab

Pelajari migrasi praktis aplikasi berbasis View ke Jetpack Compose untuk memahami cara mengadopsi Compose secara bertahap, serta cari tahu dampaknya pada arsitektur dan pengujian Anda.

Status dan efek samping lanjutan di Jetpack Compose

Codelab

Pelajari konsep lanjutan terkait API status dan efek samping di Jetpack Compose. Pelajari cara membuat holder status untuk composable stateful yang rumit, membuat coroutine, dan memanggil fungsi penangguhan dari kode Compose, serta memicu efek samping untuk berbagai kasus penggunaan.

Kuis Jetpack Compose

Uji pengetahuan Anda tentang Compose dan dapatkan badge Jetpack Compose.