Mulai menggunakan Jetpack Compose

Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.

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 meringkas input tingkat rendah ke interaksi tingkat yang lebih tinggi, sehingga Anda dapat menyesuaikan cara komponen merespons tindakan pengguna.

Menggunakan Compose

  • Menggunakan Compose di aplikasi yang sudah ada: Pelajari cara mengintegrasikan Compose dengan arsitektur dan UI aplikasi yang sudah ada.
  • 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