Mulai menggunakan Jetpack Compose

Jetpack Compose adalah toolkit modern untuk membuat UI Android native. Di sini Anda akan menemukan informasi terbaru tentang penggunaan Compose.

  • Ringkasan: Lihat semua referensi yang tersedia untuk developer Compose.
  • Tutorial: Mulai menggunakan Compose, dengan menggunakannya untuk membangun UI sederhana.
  • Panduan Cepat: Baru! Coba panduan cepat dan terfokus kami, yang dirancang untuk membantu Anda mencapai sasaran secepat mungkin.

Fondasi

  • Berpikir menggunakan Compose: Pelajari perbedaan pendekatan deklaratif Compose dengan pendekatan berbasis tampilan yang mungkin Anda gunakan sebelumnya, serta cara membangun model mental untuk menggunakan Compose.
  • Mengelola status: Pelajari cara menyetel dan menggunakan status di aplikasi Compose.
  • Siklus proses composable: Pelajari siklus proses composable, dan cara Compose memutuskan apakah composable 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 dilalui Compose untuk merender UI Anda, dan cara menggunakan informasi tersebut untuk menulis kode yang efisien
  • Pelapisan arsitektur: Pelajari lapisan arsitektur yang membentuk Jetpack Compose, dan prinsip inti yang menjadi dasar desainnya.
  • Performa: Pelajari cara menghindari kesalahan pemrograman umum yang dapat menurunkan 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 Komposisi.

Lingkungan pengembangan

Desain

  • Tata letak: Pelajari komponen tata letak native Compose, dan cara mendesain komponen Anda sendiri.
    • Dasar-dasar tata letak: Pelajari elemen penyusun untuk UI aplikasi 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 membuat 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 informasi tentang elemen turunan sebelum mengukurnya.
    • ConstraintLayout: Pelajari cara menggunakan ConstraintLayout di UI Compose.
  • Sistem Desain: Pelajari cara menerapkan sistem desain dan memberi aplikasi Anda tampilan dan nuansa yang konsisten.
  • Daftar dan petak: Pelajari beberapa opsi Compose untuk mengelola dan menampilkan daftar dan petak data.
  • Teks: Mempelajari opsi utama Compose untuk menampilkan dan mengedit teks.
  • Grafis: Pelajari fitur Compose untuk membuat dan menggunakan grafis kustom.
  • Animasi: Pelajari berbagai opsi Compose untuk menganimasikan elemen UI Anda.
  • Gestur: Pelajari cara mem-build UI Compose 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 holder status, dan cara menggunakan ViewModel di Compose.
  • Navigasi: Pelajari cara menggunakan NavController untuk mengintegrasikan komponen Navigasi dengan UI Compose Anda.
    • Navigasi untuk UI yang responsif: Pelajari cara mendesain navigasi aplikasi agar dapat beradaptasi dengan berbagai ukuran layar, orientasi, dan faktor bentuk.
  • Resource: Pelajari cara menggunakan resource aplikasi di kode Compose.
  • Aksesibilitas: Pelajari cara membuat UI Compose Anda sesuai untuk pengguna dengan berbagai persyaratan aksesibilitas.
  • Pengujian: Pelajari cara menguji kode Compose Anda.

Referensi tambahan