Men-debug tata letak aplikasi untuk pengalaman yang lebih baik dengan Layout Inspector

Perangkat XR yang kompatibel
Panduan ini membantu Anda membangun pengalaman untuk jenis perangkat XR ini.
Mempelajari jenis perangkat XR →
Kacamata AI
Mempelajari jenis perangkat XR →

Saat membangun pengalaman augmented dengan komponen Jetpack Compose Glimmer untuk kacamata AI, Anda dapat memeriksa dan men-debug tata letak dengan Layout Inspector di Android Studio.

Menonaktifkan Layout Inspector tersemat

Jika Anda menjalankan aplikasi di perangkat kacamata AI virtual dengan Android XR Emulator, Anda harus menonaktifkan Layout Inspector yang disematkan:

  1. Buka project Anda di Android Studio, lalu buka Android Studio > Settings > Tools > Layout Inspector.

  2. Hapus centang Aktifkan Layout Inspector tersemat, lalu mulai ulang Android Studio.

    Halaman setelan Android Studio untuk alat Layout Inspector.

Membuka Layout Inspector

  1. Di Android Studio, jalankan aplikasi Anda.

  2. Saat Anda melihat layar yang ingin diperiksa, pilih Tools > Layout Inspector dari panel menu.

    Layout Inspector akan terbuka, bersama dengan Layout Display dan panel Component Tree.

  3. Dari menu drop-down Running devices, beralih dari AVD kacamata AI ke AVD ponsel yang berfungsi sebagai perangkat host.

    Tampilan Layout Inspector dengan menu drop-down "Running devices" yang ditandai.

  4. Di Tampilan Tata Letak, scroll melewati tata letak UI untuk AVD ponsel guna menemukan tata letak UI untuk kacamata AI. Klik elemen di sini untuk memeriksa atributnya.

    Tampilan Layout Inspector yang menampilkan UI kacamata AI di Tampilan Tata Letak.

Memeriksa atribut tata letak

Saat Anda berinteraksi dengan aplikasi, periksa tampilan di UI kacamata AI dengan mengkliknya di Layout Display atau di Component Tree. Semua atribut tata letak untuk tampilan tersebut akan muncul di panel Attributes.