Alat untuk Compose

Android Studio menghadirkan banyak fitur baru khusus untuk Jetpack Compose. Versi ini mencakup 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 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, hal ini memungkinkan proses berulang yang lebih cepat bagi developer untuk mengimplementasikan desain UI mereka.

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

Bill of Materials

  val composeBom = platform("androidx.compose:compose-bom:2024.09.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.7.0")
  implementation("androidx.compose.ui:ui-tooling-preview:1.7.0")

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.
Pelajari lebih lanjut
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.
Pelajari lebih lanjut

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.
Pelajari lebih lanjut
Template langsung Ikon gutter
Pelajari cara menggunakan fitur di dalam jendela editor Android Studio untuk meningkatkan produktivitas.
Pelajari lebih lanjut

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.
Pelajari lebih lanjut
Pelacakan Sistem
Gunakan pelacakan komposisi untuk melacak fungsi composable dalam pelacakan sistem.
Pelajari lebih lanjut

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.
Pelajari lebih lanjut

Berita dan video terbaru