Mulai menggunakan Jetpack Compose

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

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.
  • 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 menjadi interaksi tingkat 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.

Referensi tambahan