Jetpack Compose Glimmer adalah toolkit UI Anda untuk membangun pengalaman yang kaya dan ambient bagi kacamata AI tampilan. Saat Anda mengembangkan UI Glimmer Jetpack Compose, gunakan pratinjau composable untuk memvisualisasikan dan melakukan iterasi pada desain Anda dengan cepat dan efisien. Pratinjau composable memberi Anda rendering interaktif langsung 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 kecil UI, sehingga mempercepat siklus pengembangan Anda secara signifikan.
Pratinjau komponen UI Glimmer Jetpack Compose
- Buka project XR Anda di build Canary terbaru Android Studio.
- Pastikan fungsi composable Anda dianotasi dengan anotasi
@Preview. Dalam tampilan Kode, klik Pemilih konfigurasi pratinjau untuk fungsi composable.
Dari menu drop-down Perangkat, pilih Kacamata AI.
Hal ini menyesuaikan platform pratinjau agar sesuai dengan resolusi dan rasio aspek unik layar kacamata AI.
Pilih tampilan Desain atau Terpisah untuk melihat pratinjau.
Menyesuaikan lingkungan pratinjau
Kacamata menggunakan layar transparan aditif. Karakteristik ini berarti layar hanya dapat menambahkan cahaya; tidak dapat menghasilkan warna hitam. Dengan layar aditif, hitam bukanlah warna—tampilannya 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 opsi latar belakang yang berbeda (misalnya, Terang, Gelap, atau Sibuk) untuk memeriksa apakah teks dan komponen Anda memiliki kontras dan visibilitas yang memadai.