Untuk pengalaman terbaik dalam proses pengembangan dengan Compose, download dan instal Android Studio. Edisi ini mencakup banyak fitur editor cerdas, seperti template project baru serta kemampuan untuk langsung melihat pratinjau UI dan animasi Compose Anda.
Ikuti petunjuk berikut untuk membuat project aplikasi Compose baru, menyiapkan Compose untuk project aplikasi yang sudah ada, atau mengimpor aplikasi contoh yang ditulis di Compose.
Membuat aplikasi baru dengan dukungan untuk Compose
Jika ingin memulai project baru yang menyertakan dukungan untuk Compose secara default, Android Studio menyertakan berbagai template project yang dapat membantu Anda memulai. Untuk membuat project baru yang memiliki penyiapan Compose dengan benar, lakukan langkah berikut:
- Jika baru memulai di jendela Welcome to Android Studio, klik Start a new Android Studio project. Jika sudah membuka project Android Studio, pilih File > New > New Project dari panel menu.
- Di jendela Select a Project Template, pilih Empty Activity lalu klik Next.
- Di jendela Configure your project, lakukan langkah berikut:
- Tetapkan Name, Package name, dan Save location seperti biasa. Perlu diperhatikan bahwa pada menu drop-down Language, Kotlin adalah satu-satunya opsi yang tersedia karena Jetpack Compose hanya dapat menangani class yang ditulis dalam Kotlin.
- Pada menu dropdown Minimum API level, pilih API level 21 atau yang lebih tinggi.
- Klik Finish.
Sekarang, Anda pun siap memulai pengembangan aplikasi menggunakan Jetpack Compose. Untuk membantu Anda memulai dan mempelajari hal-hal yang dapat dilakukan dengan toolkit ini, coba Tutorial Jetpack Compose.
Menyiapkan dependensi dan Compiler Compose
Lihat Menyiapkan dependensi dan Compiler Compose.
Mencoba aplikasi contoh Jetpack Compose
Cara tercepat untuk bereksperimen dengan kemampuan Jetpack Compose adalah dengan mencoba aplikasi contoh Jetpack Compose yang dihosting di GitHub. Untuk mengimpor project aplikasi contoh dari Android Studio, lakukan langkah-langkah berikut:
- Jika Anda baru memulai di jendela Welcome to Android Studio, pilih Import an Android code sample. Jika sudah membuka project Android Studio, pilih File > New > Import Sample dari panel menu.
- Dalam kotak penelusuran di dekat bagian atas wizard Browse Samples, ketik "compose".
- Pilih salah satu aplikasi contoh Jetpack Compose dari hasil penelusuran, lalu klik Next.
- Ubah Application name dan Project location atau biarkan nilai default seperti apa adanya.
- Klik Finish.
Android Studio akan mendownload aplikasi contoh ke jalur yang Anda tentukan dan
membuka project tersebut. Anda kemudian dapat memeriksa MainActivity.kt di setiap contoh untuk melihat
Jetpack Compose API seperti animasi crossfade, komponen kustom, penggunaan
tipografi, serta menampilkan warna terang dan gelap dalam pratinjau dalam IDE.
Jika ingin mengetahui cara menggunakan Jetpack Compose untuk Wear OS, lihat Menyiapkan Jetpack Compose di Wear OS.
Direkomendasikan untuk Anda
- Catatan: teks link ditampilkan saat JavaScript nonaktif
- Menavigasi dengan Compose
- Menguji tata letak Compose Anda
- Bereaksi terhadap fokus