Xamarin.Forms canlı görsel ağaç

  • Makale

Canlı Görsel Ağaç ile çalışan XAML kodunuzun gerçek zamanlı bir görünümünü alabilirsiniz. Çalışan Xamarin.Forms uygulamanızın kullanıcı arabirimi öğelerinin ağaç görünümünü gösterir.

Gereksinimler

  • 5.0 veya üzerini kullanın Xamarin.Forms .
  • Yalnızca Çalışırken Yeniden Yükleme değişiklikleri etkinleştir (varsayılan olarak etkindir).

Kullanım

Gereksinimler karşılandığında, uygulamanızda hata ayıklayın; Canlı Görsel Ağaç penceresi uygulamanızın çalışma zamanı kullanıcı arabirimi hiyerarşisini gösterir.

  • Windows: Varsayılan olarak, IDE'nin solunda görünür. Bunu görmüyorsanız, göstermek için Windows > Live Görsel Ağacında Hata Ayıklama'yı > kullanın.
  • Mac: Varsayılan olarak IDE'nin sağ tarafında görünür. Bunu görmüyorsanız, göstermek için Windows > Live Görsel Ağacını Görüntüle Hata Ayıklamasını Görüntüle'yi > kullanın.

Uygulamanızın çalışma zamanı kullanıcı arabirimi hiyerarşisini incelemek, kullanıcı arabiriminin belirli bölümlerine odaklanmak üzere düğümleri genişletmek/daraltmak için ağaç görünümünü kullanın.

Canlı görsel ağaç araç çubuğu

XAML öğelerinin görünümü, Just My XAML özelliği kullanılarak varsayılan olarak basitleştirilmiştir. Tüm kullanıcı arabirimi öğelerini göstermek için Canlı Görsel Ağaç araç çubuğunun en sağındaki Yalnızca XAML'imi Göster düğmesini değiştirin. İsterseniz, tüm XAML öğelerini her zaman göstermek için seçeneklerde bu ayarı devre dışı bırakabilirsiniz.

Not

Mac için Visual Studio şu anda Yalnızca XAML özelliğim.

XAML'nin yapısında büyük olasılıkla doğrudan ilgilenmediğiniz birçok öğe vardır ve kodu iyi bilmiyorsanız aradığınızı bulmak için ağaçta gezinmekte zorlanabilirsiniz. Bu nedenle, Canlı Görsel Ağaç , incelemek istediğiniz öğeyi bulmanıza yardımcı olmak için uygulamanın kullanıcı arabirimini kullanmanıza olanak sağlayan birden çok yaklaşıma sahiptir.

Çalışan uygulamada öğesini seçin (şu anda yalnızca UWP uygulamaları için desteklenir). Canlı Görsel Ağaç araç çubuğunda en soldaki düğmeyi seçtiğinizde bu modu etkinleştirebilirsiniz. Bu mod açıkken, uygulamadaki bir kullanıcı arabirimi öğesini seçebilirsiniz ve Canlı Görsel Ağaç , söz konusu öğeye ve özelliklerine karşılık gelen ağaçtaki düğümü gösterecek şekilde otomatik olarak güncelleştirilir.

Çalışan uygulamada düzen donatıcılarını görüntüleme (şu anda yalnızca UWP uygulamaları için desteklenmektedir). Seçimi etkinleştir düğmesinin hemen sağındaki düğmeyi seçtiğinizde bu modu etkinleştirebilirsiniz. Görüntü düzeni donatıcıları açık olduğunda, uygulama penceresinin seçili nesnenin sınırları boyunca yatay ve dikey çizgiler göstermesine neden olur; böylece neyle hizalanmış olduğunu ve kenar boşluklarını gösteren dikdörtgenleri görebilirsiniz.

Önizleme Seçimi. Canlı Görsel Ağaç araç çubuğunda soldan üçüncü düğmeyi seçerek bu modu etkinleştirebilirsiniz. Bu mod, uygulamanın kaynak koduna erişiminiz varsa öğenin bildirildiği XAML'yi gösterir.