Mendebug Layout Anda dengan Layout Inspector

Layout Inspector di Android Studio memungkinkan Anda memeriksa hierarki tampilan aplikasi saat waktu proses dari dalam Android Studio IDE. Ini sangat berguna bila layout Anda dibangun pada saat waktu proses dan bukan sepenuhnya di XML dan layout berperilaku tidak terduga.

Buka Layout Inspector sebagai berikut:

  1. Jalankan aplikasi Anda pada perangkat atau emulator yang terhubung.
  2. Klik Tools > Android > Layout Inspector.
  3. Pada dialog Choose Process yang muncul, pilih proses aplikasi yang ingin Anda periksa dan klik OK.

    Gambar 1. Dialog Choose Process

    Secara default, dialog Choose Process hanya menampilkan proses untuk project yang saat ini dibuka di Android Studio—dan itu harus berjalan di perangkat. Bila Anda ingin memeriksa aplikasi lain pada perangkat, centang Show all processes. Bila Anda menggunakan perangkat yang telah di-root atau emulator tanpa Google Play Store, maka Anda akan melihat semua aplikasi yang sedang berjalan. Jika tidak, Anda hanya akan melihat aplikasi yang bisa di-debug.

Layout Inspector mengambil sebuah snapshot, menyimpannya sebagai file .li, dan membukanya. Seperti ditunjukkan pada gambar 2, Layout Inspector menampilkan hal berikut:

  1. View Tree: Hierarki tampilan dalam layout.
  2. Screenshot: Screenshot perangkat dengan batas yang terlihat untuk setiap tampilan.
  3. Properties Table: Properti layout untuk tampilan yang dipilih.

Gambar 2. Layout Inspector

Anda bisa mengklik sebuah tampilan di View Tree untuk memilih tampilan yang sama pada screenshot, dan sebaliknya. Semua atribut layout untuk tampilan akan terlihat di Properties Table.

Bila layout Anda berisi tampilan yang tumpang tindih, maka secara default, hanya tampilan paling depan yang bisa diklik di screenshot. Untuk membuat tampilan sebelah belakang dapat diklik di screenshot: Klik kanan tampilan paling depan di View Tree dan hapus centang Show in preview. Hal ini tidak membuat konten tampilan hilang; ini hanya menghilangkan batas dapat diklik dalam screenshot sehingga Anda bisa mengklik tampilan di belakangnya.

Jika layout perangkat berubah, Layout Inspector tidak mengupdate. Anda harus membuat snapshot baru dengan mengklik lagi Tools > Android > Layout Inspector. Setiap snapshot disimpan dalam file .li terpisah di project-name/captures/.

Gambar 3. Snapshot Layout Inspector (file .li) di jendela Project