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.
Fondasi
- Berpikir dalam Compose: Pelajari bagaimana pendekatan deklaratif Compose berbeda dari 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 siklus tersebut perlu digambar ulang.
- Pengubah: Pelajari cara menggunakan pengubah untuk meningkatkan atau mendekorasi composable Anda.
- Efek samping dalam 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 berbagai fitur baru Android Studio untuk mendukung Compose.
- Kotlin untuk Compose: Pelajari cara kerja idiom khusus Kotlin tertentu dengan Compose.
- Membandingkan performa Compose dan View: Pelajari bagaimana migrasi ke Compose dapat memengaruhi ukuran APK dan performa runtime aplikasi.
- Bill of Materials: Mengelola semua dependensi Compose dengan hanya 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.
- Mem-build tata letak adaptif: 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 Material Design 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 opsi Compose yang berbeda 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 pemegang 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, orientasi, dan faktor bentuk layar.
- 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 diberi cakupan lokal dengan CompositionLocal
- Pertimbangan lainnya
- Anatomi tema di Compose