Setelah memuat trace, klik Lihat trace untuk memvisualisasikan trace yang diupload. Tab untuk setiap rekaman aktivitas akan muncul di panel atas jendela. Jika file yang diupload berisi rekaman aktivitas yang relevan, tampilan mengambang dari rekaman aktivitas atau screenshot layar akan ditempatkan di layar:
Gambar 1. Melihat rekaman aktivitas di Winscope.
Bagian berikut menjelaskan elemen UI di layar Lihat rekaman aktivitas.
Persegi panjang
Panel LAYERS untuk tampilan Winscope, seperti WindowManager, SurfaceFlinger, dan ViewCapture, menyertakan elemen persegi panjang dari rekaman aktivitas yang secara visual merepresentasikan posisi dan urutannya pada sumbu z.
Melalui kontrol navigasi di panel LAYERS, Anda dapat mengubah mode gambar lapisan persegi panjang, beserta spasi dan rotasinya:
Gambar 2. Kontrol persegi panjang.
Format gradien
Untuk memeriksa semua elemen dalam hierarki secara lebih efektif, Anda dapat menggunakan tombol format persegi panjang untuk mengalihkan format gambar persegi panjang ke Gradien. Dalam format gradient, tombol format persegi panjang akan berubah menjadi abu-abu terang.
Dalam mode ini, opasitas setiap persegi panjang dikurangi berdasarkan urutan z-nya, dengan persegi panjang yang memiliki urutan z lebih tinggi menjadi lebih transparan. Hal ini memungkinkan Anda melihat semua elemen dalam hierarki tanpa perlu khawatir persegi panjang akan saling menutupi:
Gambar 3. Gradien persegi panjang.
Format opasitas
Untuk mengubah format gambar persegi panjang menjadi opasitas, klik tombol format persegi panjang. Dalam format opasitas, tombol format persegi panjang akan berubah menjadi abu-abu gelap.
Dalam mode ini, setiap persegi panjang digambar berdasarkan opasitas, seperti opasitas platform atau tampilan:
Gambar 4. Opasitas persegi panjang.
Format wireframe
Untuk mengubah representasi persegi panjang menjadi wireframe, klik tombol format persegi panjang. Representasi ini mempermudah pemeriksaan dan analisis setiap elemen dalam hierarki. Dalam format wireframe_, tombol format persegi panjang berubah menjadi garis batas tanpa bayangan:
Gambar 5. Wireframe persegi panjang.
Rotasi
Gunakan penggeser rotasi untuk mengubah perspektif persegi panjang antara 0 dan 45 derajat, sehingga Anda dapat melihat skenario saat elemen keluar dari layar:
Gambar 6. Rotasi persegi panjang.
Spasi
Gunakan penggeser spasi untuk mengontrol spasi antarlapisan, sehingga membuat tampilan yang lebih rata atau lebih menyebar untuk memeriksa urutan z elemen dengan lebih baik:
Gambar 7. Menghadap persegi panjang.
Pilihan tampilan dan jendela
Dalam tampilan SurfaceFlinger, saat merekam data di perangkat dengan beberapa layar, menu akan menampilkan layar yang tersedia sehingga Anda hanya dapat memilih layar yang diinginkan.
Di ViewCapture, saat merekam beberapa jendela sistem, seperti panel notifikasi, taskbar, dan peluncur, menu akan mencantumkan jendela yang tersedia.
Geser dan zoom
Anda dapat menyesuaikan posisi persegi panjang secara horizontal atau vertikal dengan mengklik areanya dan menarik mouse. Untuk memperbesar, memperkecil, atau mereset tingkat zoom, Anda dapat menggunakan roda scroll atau tombol zoom di panel kontrol.
Hierarki
Penampil Winscope sering kali menggabungkan penampil hierarki. Penampil di Gambar 1 menampilkan berbagai hierarki berdasarkan rekaman aktivitas yang sedang dianalisis. Misalnya, pelihat dapat menampilkan hierarki jendela dalam WindowManager atau hierarki tampilan dalam jendela UI Sistem.
Untuk informasi tentang jenis hierarki tertentu, lihat bagian pada masing-masing rekaman aktivitas.
Bagian ini menjelaskan penggunaan hierarki umum, seperti fitur Show diff, Show only V, Flat, dan Search.
Gambar 8. Kontrol hierarki.
Menampilkan perbedaan
Jika fitur Tampilkan perbedaan diaktifkan, Winscope akan otomatis memantau dan menampilkan perubahan antara status saat ini dan status sebelumnya. Fitur Tampilkan perbedaan menandai elemen yang dihapus dengan warna merah, elemen yang diubah dengan warna biru, dan elemen baru yang dibuat dengan warna hijau. Representasi visual ini memungkinkan identifikasi dan pemahaman yang lebih cepat tentang perbedaan antara kedua status, sehingga mempermudah pelacakan perubahan dan mengidentifikasi potensi masalah.
Gambar 9. Menampilkan hierarki perbedaan.
Menelusuri dan memfilter
Penampil hierarki menawarkan kemampuan penelusuran yang menggunakan ekspresi reguler (regex). Filter ini menargetkan nama elemen dan nilainya (untuk properti). Jika filter cocok dengan elemen turunan dalam hierarki, seluruh rantai induk hingga root hierarki akan terlihat, seperti yang ditunjukkan pada gambar berikut:
Gambar 10. Hierarki penelusuran.
Hanya tampilkan yang terlihat
Dengan fitur Hanya tampilkan yang terlihat, Anda dapat memfilter semua elemen tersembunyi dalam hierarki. Secara default, Winscope menampilkan elemen yang terlihat dan tidak terlihat. Elemen yang terlihat digambar dalam warna hitam, sedangkan elemen yang tidak terlihat akan berwarna abu-abu.
Datar
Tombol Flat mengatur ulang struktur hierarkis dengan menghapus hubungan induk-turunan di antara elemen. Tindakan ini merender semua elemen pada level yang sama. Jika digabungkan dengan opsi Tampilkan hanya yang terlihat, hierarki yang dihasilkan hanya akan menampilkan elemen yang terlihat, tidak termasuk elemen induk, seperti yang ditunjukkan pada gambar berikut:
Gambar 11. Hierarki datar.
Properti
Dalam Winscope, banyak penampil yang mengintegrasikan penampil properti. Pelihat ini menampilkan berbagai daftar properti yang terkait dengan elemen yang dipilih dari tampilan hierarki. Misalnya, penampil dapat menampilkan properti aktivitas dalam WindowManager atau properti tampilan di UI Sistem.
Untuk mengetahui informasi tentang properti tertentu, lihat bagian tentang trace SurfaceFlinger, WindowManager, dan View Capture.
Bagian ini menjelaskan hierarki umum dalam fitur Tampilkan perbedaan, Telusuri, dan Tampilkan default.
Menampilkan perbedaan
Penggunaan fitur Tampilkan perbedaan sama dengan Tampilkan perbedaan dalam tampilan hierarki.
Menelusuri dan memfilter
Penggunaan fitur Penelusuran sama dengan Penelusuran di tampilan hierarki.
Menampilkan default
Secara default, Winscope hanya menampilkan nilai properti yang diubah, yang merupakan
nilai non-default untuk jenis data masing-masing. Misalnya, Winscope menghilangkan
false untuk boolean, 0 untuk bilangan bulat, null untuk objek, dan [] untuk array.
Penyederhanaan ini menyederhanakan daftar properti yang terlihat oleh pengguna.
Namun, dalam situasi tertentu, memiliki tampilan yang komprehensif
tentang semua informasi terkait elemen akan bermanfaat. Dalam kasus tersebut, opsi Tampilkan default
akan menampilkan semua properti yang tersedia di Winscope, termasuk properti
dengan nilai kosong atau null.
Gambar 12. Default properti.
Pintasan umum
Winscope mendukung pintasan berikut:
Gambar 13. Pintasan umum.