Xamarin.Forms pohon visual langsung
Anda dapat menerima tampilan real time dari kode XAML yang sedang berjalan dengan Live Visual Tree. Ini menunjukkan tampilan pohon elemen UI aplikasi Anda yang sedang berjalan Xamarin.Forms .
Persyaratan
- Gunakan Xamarin.Forms 5.0 atau yang lebih baru.
- Memiliki perubahan hanya Hot Reload diaktifkan (diaktifkan secara default).
Penggunaan
Dengan persyaratan terpenuhi, debug aplikasi Anda dan jendela Live Visual Tree akan menampilkan hierarki antarmuka pengguna runtime aplikasi Anda.
- Windows: Secara default, itu muncul di kiri IDE. Jika Anda tidak melihatnya, gunakan Debug > Windows > Live Visual Tree untuk menampilkannya.
- Mac: Secara default, itu muncul di kanan IDE. Jika Anda tidak melihatnya, gunakan Lihat > Debug Windows > Live Visual Tree untuk menampilkannya.
Gunakan tampilan pohon untuk memeriksa hierarki UI runtime untuk aplikasi Anda, memperluas/menciutkan simpul untuk berfokus pada bagian tertentu dari UI.
Toolbar pohon visual langsung
Tampilan elemen XAML disederhanakan secara default menggunakan fitur Just My XAML . Alihkan tombol Tampilkan Just My XAML , paling kanan pada toolbar Live Visual Tree, untuk menampilkan semua elemen UI. Jika mau, Anda dapat menonaktifkan pengaturan ini dalam opsi untuk selalu menampilkan semua elemen XAML.
Catatan
Visual Studio untuk Mac saat ini tidak mendukung fitur Just My XAML .
Struktur XAML memiliki banyak elemen yang mungkin tidak Anda minati secara langsung, dan jika Anda tidak tahu kodenya dengan baik, Anda mungkin kesulitan menavigasi pohon untuk menemukan apa yang Anda cari. Oleh karena itu, Live Visual Tree memiliki beberapa pendekatan yang memungkinkan Anda menggunakan UI aplikasi untuk membantu Anda menemukan elemen yang ingin Anda periksa.
Pilih elemen dalam aplikasi yang sedang berjalan (saat ini hanya didukung untuk aplikasi UWP). Anda dapat mengaktifkan mode ini saat memilih tombol paling kiri pada toolbar Pohon Visual Langsung. Dengan mode ini aktif, Anda dapat memilih elemen UI dalam aplikasi, dan Live Visual Tree secara otomatis diperbarui untuk menampilkan simpul di pohon yang sesuai dengan elemen tersebut, dan propertinya.
Tampilkan penata tata letak di aplikasi yang sedang berjalan (saat ini hanya didukung untuk aplikasi UWP). Anda dapat mengaktifkan mode ini saat memilih tombol di sebelah kanan tombol Aktifkan pilihan. Saat tampilan Tampilkan penata tata letak menyala, hal ini menyebabkan jendela aplikasi memperlihatkan garis horizontal dan vertikal di sepanjang batas objek yang dipilih sehingga Anda dapat melihat apa yang diratakannya, serta persegi yang memperlihatkan margin.
Pilihan Pratinjau. Anda dapat mengaktifkan mode ini dengan memilih tombol ketiga dari kiri pada toolbar Pohon Visual Langsung. Mode ini menunjukkan XAML tempat elemen dideklarasikan, jika Anda memiliki akses ke kode sumber aplikasi.