Alat untuk Compose

Android Studio menghadirkan banyak fitur baru khusus untuk Jetpack Compose. Editor ini mengadopsi pendekatan yang mengutamakan kode sekaligus meningkatkan produktivitas developer tanpa harus memilih antara menggunakan antarmuka desain atau editor kode.

Perbedaan mendasar antara UI berbasis View dan Jetpack Compose adalah bahwa Compose tidak mengandalkan View untuk merender composablenya. Sebagai konsekuensi dari pendekatan arsitektur ini, Android Studio menawarkan fitur yang diperluas untuk Jetpack Compose tanpa harus membuka emulator atau terhubung ke perangkat. Dibandingkan dengan Tampilan Android, proses ini memungkinkan proses berulang yang lebih cepat bagi developer untuk menerapkan desain UI mereka.

Untuk mengaktifkan fitur khusus Android Studio untuk Jetpack Compose, Anda perlu menambahkan dependensi ini dalam file build.gradle(.kts) aplikasi Anda. Anda dapat menggunakan Bill of Materials (BOM) atau menentukan dependensi satu per satu.

Bill of Materials

  val composeBom = platform("androidx.compose:compose-bom:2024.03.00")
  implementation(composeBom)

  debugImplementation("androidx.compose.ui:ui-tooling")
  implementation("androidx.compose.ui:ui-tooling-preview")

Satu per satu

  debugImplementation("androidx.compose.ui:ui-tooling:1.6.1")
  implementation("androidx.compose.ui:ui-tooling-preview:1.6.1")

Desain

Membuat komponen, sistem desain, dan layar untuk menyelaraskan dengan spesifikasi desain.
PratinjauParameter Multipratinjau
Anotasi @Preview memungkinkan Anda melihat pratinjau composable. Pelajari cara melihat pratinjau, mengatur, dan berinteraksi dengannya.
Pratinjau Animasi
Android Studio memungkinkan Anda mendesain dan memeriksa animasi menggunakan panel Animation Preview. Dengan ini, Anda dapat melihat pratinjau animasi per frame dan memastikannya selaras dengan perilaku yang diperlukan.

Mengembangkan aplikasi

Percepat pembuatan UI dan pengujian aplikasi yang berjalan dengan lebih sedikit pengalihan konteks.
Edit Live
Pelajari cara menggunakan Edit Live dan menerapkan perubahan untuk menghindari build penuh dan mempercepat proses pengembangan Anda.
Template langsung Ikon gutter
Pelajari cara menggunakan fitur di dalam jendela editor Android Studio untuk meningkatkan produktivitas.

Debug

Debug UI Compose untuk memahami aplikasi Anda. Pelajari lebih lanjut cara menganalisis tata letak, rekomposisi, dan pelacakan komposisi untuk meningkatkan performa UI aplikasi Anda.
Jumlah rekomposisi Semantik
Pelajari cara memeriksa tata letak Compose di emulator atau perangkat fisik.
Pelacakan Sistem
Gunakan pelacakan komposisi untuk melacak fungsi composable dalam pelacakan sistem.

Alat Tambahan

Relay menyediakan transfer instan komponen UI Android antara desainer dan developer. Desainer dapat menggunakan plugin Relay for Figma guna menganotasi dan memaketkan komponen UI untuk penggunaan developer, termasuk informasi tentang tata letak, gaya, konten dinamis, dan perilaku interaksi.

Berita dan video terbaru