Saat Anda mengembangkan UI Jetpack Compose Glimmer, gunakan pratinjau composable untuk memvisualisasikan dan melakukan iterasi pada desain Anda dengan cepat dan efisien. Pratinjau composable memberi Anda rendering interaktif dan live dari komponen UI Glimmer Jetpack Compose langsung di dalam Android Studio. Pratinjau ini menghilangkan kebutuhan untuk terus mem-build dan menjalankan aplikasi di emulator atau perangkat fisik untuk setiap perubahan UI kecil, sehingga mempercepat siklus pengembangan Anda secara signifikan.
Melihat pratinjau komponen UI Jetpack Compose Glimmer
- Buka project XR Anda di build Canary terbaru Android Studio.
- Pastikan fungsi composable Anda dianotasi dengan anotasi
@Preview. Di tampilan Code, klik pemilih konfigurasi Pratinjau untuk fungsi composable.
Dari menu drop-down Perangkat, pilih Kacamata AI.
Tindakan ini akan menyesuaikan platform pratinjau agar sesuai dengan resolusi dan rasio aspek unik kacamata pintar dengan layar.
Pilih tampilan Design atau Split untuk melihat pratinjau.
Menyesuaikan lingkungan pratinjau
Kacamata menggunakan layar transparan aditif. Karakteristik ini berarti layar hanya dapat menambahkan cahaya; tidak dapat membuat warna hitam. Dengan tampilan aditif, hitam bukanlah warna—warna ini tampak 100% transparan. Pratinjau Compose memberikan perkiraan yang membantu Anda memahami perilaku UI dalam berbagai kondisi tampilan.
Untuk menyimulasikan kondisi tampilan yang berbeda, klik ikon lingkungan di toolbar panel pratinjau. Coba berbagai opsi latar belakang (misalnya, Terang, Gelap, atau Ramai) untuk memeriksa apakah teks dan komponen Anda memiliki kontras dan visibilitas yang memadai.