Jetpack Compose adalah toolkit modern untuk membuat UI Android native. Di sinilah Anda akan menemukan informasi terbaru tentang penggunaan Compose.
- Ringkasan: Lihat semua resource yang tersedia untuk developer Compose.
- Tutorial: Mulailah dengan Compose, dengan menggunakannya untuk membuat UI sederhana.
- Panduan Singkat: Baru! Coba panduan cepat dan terfokus kami, yang dirancang untuk membantu Anda mencapai sasaran secepat mungkin.
Fondasi
- Berpikir dalam Compose: Pelajari perbedaan pendekatan deklaratif Compose dengan pendekatan berbasis tampilan yang mungkin telah Anda gunakan di masa lalu, dan cara membangun model mental untuk bekerja dengan Compose.
- Mengelola status: Pelajari setelan dan penggunaan status di aplikasi Compose.
- Siklus proses composable: Pelajari siklus proses suatu composable dan cara Compose memutuskan apakah composable tersebut perlu digambar ulang.
- Pengubah: Pelajari cara menggunakan pengubah untuk meningkatkan atau mendekorasi composable Anda.
- Efek samping di Compose: Pelajari cara terbaik untuk mengelola efek samping.
- Fase Jetpack Compose: Pelajari langkah-langkah yang dilakukan Compose untuk merender UI dan cara menggunakan informasi tersebut untuk menulis kode yang efisien
- Lapisan arsitektur: Pelajari lapisan arsitektur yang membentuk Jetpack Compose, dan prinsip inti yang menjadi dasar desainnya.
- Performa: Pelajari cara menghindari kendala pemrograman umum yang dapat mengganggu performa aplikasi Anda.
- Semantik di Compose: Pelajari hierarki Semantik, yang mengatur UI Anda dengan cara yang dapat digunakan oleh layanan aksesibilitas dan framework pengujian.
- Data yang dibatasi secara lokal dengan CompositionLocal: Pelajari cara menggunakan
CompositionLocal
untuk meneruskan data melalui Compose.
Lingkungan pengembangan
- Android Studio dengan Compose: Siapkan lingkungan pengembangan Anda untuk menggunakan Compose.
- Alat untuk Compose: Pelajari fitur baru Android Studio untuk mendukung Compose.
- Kotlin untuk Compose: Pelajari cara kerja idiom khusus Kotlin tertentu dengan Compose.
- Membandingkan metrik Compose dan View: Pelajari bagaimana migrasi ke Compose dapat memengaruhi ukuran APK dan performa runtime aplikasi Anda.
- Bill of Materials: Kelola semua dependensi Compose hanya dengan menentukan versi BOM.
Desain
- Tata letak: Pelajari komponen tata letak native Compose, dan cara mendesain komponen Anda sendiri.
- Dasar-dasar tata letak: Pelajari elemen penyusun UI aplikasi yang sederhana.
- Komponen Material dan tata letak: Pelajari komponen Material dan tata letak di Compose.
- Tata letak kustom: Pelajari cara mengontrol tata letak aplikasi, dan cara mendesain tata letak kustom Anda sendiri.
- Mendukung berbagai ukuran layar: Pelajari cara menggunakan Compose untuk mem-build tata letak yang beradaptasi dengan berbagai ukuran layar, orientasi, dan faktor bentuk.
- Garis perataan: Pelajari cara membuat garis perataan kustom untuk meratakan dan memosisikan elemen UI dengan tepat.
- Pengukuran intrinsik: Karena Compose hanya memungkinkan Anda mengukur elemen UI satu kali per penerusan, halaman ini menjelaskan cara membuat kueri untuk mengetahui informasi tentang elemen turunan sebelum mengukurnya.
- ConstraintLayout: Pelajari cara menggunakan
ConstraintLayout
di UI Compose.
- Sistem Desain: Pelajari cara menerapkan sistem desain dan memberikan tampilan serta nuansa yang konsisten untuk aplikasi Anda.
- Desain Material 3: Pelajari cara menerapkan Material You dengan implementasi Desain Material 3 di Compose.
- Bermigrasi dari Material 2 ke Material 3: Pelajari cara memigrasikan aplikasi dari Desain Material 2 ke Desain Material 3 di Compose.
- Desain Material 2: Pelajari cara menyesuaikan implementasi Desain Material 2 di Compose agar sesuai dengan merek produk Anda.
- Sistem desain kustom: Pelajari cara menerapkan sistem desain kustom di Compose, dan cara menyesuaikan composable Desain Material yang ada untuk menangani hal ini.
- Anatomi tema: Pelajari konstruksi tingkat rendah dan API yang digunakan oleh
MaterialTheme
dan sistem desain kustom.
- Daftar dan petak: Pelajari beberapa opsi Compose untuk mengelola dan menampilkan daftar dan petak data.
- Teks: Pelajari opsi utama Compose untuk menampilkan dan mengedit teks.
- Grafis: Pelajari fitur Compose untuk pembuatan dan pekerjaan dengan grafis kustom.
- Animasi: Pelajari berbagai opsi Compose untuk menganimasikan elemen UI Anda.
- Gestur: Pelajari cara mem-build Compose UI yang mendeteksi dan berinteraksi dengan gestur pengguna.
- Menangani interaksi pengguna: Pelajari cara Compose memisahkan input tingkat rendah ke interaksi tingkat yang lebih tinggi, sehingga Anda dapat menyesuaikan cara komponen merespons tindakan pengguna.
Menggunakan Compose
- Memigrasikan aplikasi berbasis View yang ada: Pelajari cara memigrasikan aplikasi berbasis View yang ada ke Compose.
- Strategi migrasi: Pelajari strategi untuk memperkenalkan Compose dengan aman dan bertahap ke codebase Anda.
- API Interoperabilitas: Pelajari API Compose untuk membantu Anda menggabungkan Compose dengan UI berbasis View.
- Pertimbangan lainnya: Pelajari pertimbangan lainnya seperti tema, arsitektur, dan pengujian saat memigrasikan aplikasi berbasis View ke Compose.
- Compose dan library lainnya: Pelajari cara menggunakan library berbasis tampilan di konten Compose Anda.
- Arsitektur Compose: Pelajari cara menerapkan pola aliran searah di Compose, cara menerapkan peristiwa dan holder status, dan cara menggunakan
ViewModel
di Compose. - Navigasi: Pelajari cara menggunakan
NavController
untuk mengintegrasikan komponen Navigation dengan UI Compose.- Navigasi untuk UI responsif: Pelajari cara mendesain navigasi aplikasi agar dapat beradaptasi dengan berbagai ukuran layar, orientasi, dan faktor bentuk.
- Resource: Pelajari cara menggunakan resource aplikasi Anda di kode Compose.
- Aksesibilitas: Pelajari cara membuat Compose UI Anda sesuai untuk pengguna dengan persyaratan aksesibilitas yang berbeda.
- Pengujian: Pelajari cara menguji kode Compose Anda.
- Tips praktis pengujian: Referensi cepat API pengujian Compose yang berguna.
Referensi lainnya
- Memulai persiapan
- Jalur pembelajaran pilihan
- Panduan Compose API
- Referensi API
- Codelab
- Aplikasi contoh
- Video
Direkomendasikan untuk Anda
- Catatan: teks link ditampilkan saat JavaScript nonaktif
- Data yang dibatasi secara lokal dengan CompositionLocal
- Pertimbangan lainnya
- Anatomi tema di Compose