Mulai menggunakan Jetpack Compose

Jetpack Compose adalah toolkit modern untuk membangun UI Android, yang menyederhanakan pengembangan aplikasi yang beradaptasi dengan ukuran tampilan apa pun.

• Ringkasan: Lihat resource yang tersedia untuk developer Compose.
• Tutorial: Mulai menggunakan Compose dengan membuat UI dasar.
• Panduan Cepat: Coba panduan kami yang cepat dan terfokus, yang dirancang untuk membantu Anda mencapai sasaran secepat mungkin.

Fondasi

• Berpikir dalam Compose: Perbedaan pendekatan deklaratif Compose dengan pendekatan berbasis View yang mungkin telah Anda gunakan sebelumnya. Bangun model mental untuk bekerja dengan Compose.
• Mengelola status: Menetapkan dan menggunakan status di aplikasi Compose.
• Siklus proses composable: Siklus proses composable, dan cara Compose menentukan apakah composable perlu digambar ulang.
• Pengubah: Gunakan pengubah untuk meningkatkan atau mendekorasi composable Anda.
• Efek samping di Compose: Cara mengelola efek samping.
• Fase Jetpack Compose: Langkah-langkah yang dilakukan Compose untuk merender UI aplikasi Anda, dan cara menggunakan informasi tersebut untuk menulis kode yang efisien.
• Lapisan arsitektur: Lapisan arsitektur yang membentuk Jetpack Compose dan prinsip inti yang menjadi dasar desain Compose.
• Performa: Hindari kendala pemrograman umum yang dapat menurunkan performa aplikasi.
• Semantik di Compose: Pohon semantik, yang mengatur UI Anda dengan cara yang dapat digunakan oleh layanan aksesibilitas dan framework pengujian.
• Data yang dibatasi secara lokal dengan CompositionLocal: Gunakan CompositionLocal untuk meneruskan data melalui komposisi.

UI Adaptif

• Membangun aplikasi adaptif: Pelajari prinsip inti pembuatan tata letak yang dioptimalkan untuk ukuran layar apa pun, termasuk ponsel, tablet, perangkat foldable, dan lainnya.
• Terapkan tata letak yang telah terbukti: Gunakan tata letak kanonis seperti daftar-detail dan panel pendukung untuk aplikasi yang dioptimalkan di layar besar.
• Navigasi adaptif: Terapkan pola navigasi yang otomatis menyesuaikan dengan ruang tampilan yang tersedia.

Lingkungan pengembangan

• Android Studio dengan Compose: Cara menyiapkan lingkungan pengembangan Anda untuk menggunakan Compose.
• Alat untuk Compose: Fitur baru Android Studio untuk mendukung Compose.
• Kotlin untuk Compose: Idiom khusus Kotlin berfungsi dengan Compose.
• Membandingkan Compose dan melihat metrik: Bagaimana migrasi ke Compose dapat memengaruhi ukuran APK dan performa runtime aplikasi Anda.
• Bill of Materials: Kelola semua dependensi Compose Anda dengan hanya menentukan versi BOM.

Desain

• Tata letak: Komponen tata letak Compose dan cara mendesain komponen Anda sendiri.
  • Dasar-dasar tata letak: Elemen penyusun untuk UI aplikasi yang sederhana.
  • Komponen Material dan tata letak: Komponen Material dan tata letak di Compose.
  • Tata letak kustom: Kontrol tata letak aplikasi Anda dan desain tata letak kustom Anda sendiri.
  • Garis perataan: Buat panduan perataan kustom untuk meratakan dan memosisikan elemen UI dengan tepat.
  • Pengukuran intrinsik: Cara membuat kueri untuk mengetahui informasi tentang elemen turunan sebelum mengukurnya karena Compose hanya mengukur elemen UI satu kali per penerusan.
  • ConstraintLayout: Menggunakan ConstraintLayout di UI Compose.
• Sistem Desain: Terapkan sistem desain dan berikan tampilan serta nuansa yang konsisten untuk aplikasi Anda.
  • Desain Material 3: Terapkan Material You dengan implementasi Desain Material 3 di Compose.
  • Bermigrasi dari Material 2 ke Material 3: Migrasikan aplikasi Anda dari Desain Material 2 ke Desain Material 3 di Compose.
  • Desain Material 2: Sesuaikan implementasi Compose dari Desain Material 2 agar sesuai dengan merek produk Anda.
  • Sistem desain kustom: Terapkan sistem desain kustom di Compose dan sesuaikan composable Desain Material yang ada untuk sistem desain baru.
  • Anatomi tema: Konstruksi tingkat rendah dan API yang digunakan oleh MaterialTheme dan sistem desain kustom.
• Daftar dan petak: Opsi Compose untuk mengelola dan menampilkan daftar dan petak data.
• Teks: Opsi utama di Compose untuk menampilkan dan mengedit teks.
• Grafis: Fitur Compose untuk membuat dan bekerja dengan grafis kustom.
• Animasi: Opsi Compose untuk menganimasikan elemen UI Anda.
• Gestur: Bangun Compose UI yang mendeteksi dan berinteraksi dengan gestur pengguna.
• Menangani interaksi pengguna: 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 tampilan: Migrasikan aplikasi berbasis tampilan ke Compose.
  • Strategi migrasi: Cara memperkenalkan Compose dengan aman dan bertahap ke dalam codebase Anda.
  • API Interoperabilitas: API Compose untuk membantu Anda menggabungkan Compose dengan UI berbasis View.
  • Pertimbangan lainnya: Tema, arsitektur, pengujian, dan pertimbangan lainnya saat memigrasikan aplikasi berbasis View ke Compose.
• Compose dan library lainnya: Cara menggunakan library berbasis tampilan di konten Compose Anda.
• Arsitektur Compose: Terapkan pola aliran searah di Compose, terapkan peristiwa dan pemegang status, serta gunakan ViewModel di Compose.
• Navigation: Gunakan NavController untuk mengintegrasikan komponen Navigation dengan UI Compose Anda.
• Resource: Gunakan resource aplikasi Anda di kode Compose.
• Aksesibilitas: Akomodasi pengguna dengan persyaratan aksesibilitas.
• Pengujian: Uji 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