Xamarin.Forms 即時可視化樹狀結構
您可以使用即時可視化樹狀結構來接收執行中 XAML 程式代碼的即時檢視。 它會顯示執行 Xamarin.Forms 中應用程式的UI元素樹檢視。
需求
- 使用 Xamarin.Forms 5.0 或更新。
- 只 熱重新載入 啟用變更（預設為啟用）。
使用方式
符合需求后，偵錯您的應用程式和即時可視化樹狀結構視窗會顯示應用程式的運行時間 UI 階層。
- Windows：根據預設，它會出現在 IDE 的左側。 如果您沒有看到，請使用 [偵 > 錯 Windows > 即時可視化樹狀結構 ] 來顯示它。
- Mac：根據預設，它會出現在 IDE 右側。 如果您沒有看到，請使用 [檢視 > 偵錯 Windows > 實時可視化樹狀結構 ] 來顯示它。
使用樹檢視來檢查應用程式的運行時間UI階層，展開/折疊節點以專注於UI的特定部分。
即時可視化樹狀結構工具列
XAML 元素的檢視預設會使用 Just My XAML 功能來簡化。 切換 [即時可視化樹狀結構] 工具列上最右邊的 [ 顯示 Just My XAML ] 按鈕，以顯示所有 UI 元素。 如果您想要在 選項中停用此設定 ，一律會顯示所有 XAML 元素。
注意
Visual Studio for Mac 目前 不支援 Just My XAML 功能。
XAML 的結構有很多您可能不直接感興趣的元素，如果您不知道程式代碼，您可能很難瀏覽樹狀結構來尋找您要尋找的專案。 因此， 即時可視化樹狀結構 有多個方法，可讓您使用應用程式的UI來協助您尋找想要檢查的專案。
選取執行中應用程式中 的專案（目前僅支援 UWP 應用程式）。 只要選取 [即時視覺化樹狀結構] 工具列最左邊的按鈕，即可啟用此模式。 開啟此模式時，您可以選取應用程式中的 UI 元素，而 即時可視化樹狀結構 會自動更新，以顯示對應至該專案的樹狀結構中的節點，以及其屬性。
在執行中的應用程式中 顯示版面配置裝飾項（目前僅支援 UWP 應用程式）。 只要選取緊鄰 [啟用選取範圍] 按鈕右邊的按鈕時，即可啟用此模式。 [顯示版面配置提示] 開啟時，會使此應用程式視窗沿著所選取物件的界限顯示水平及垂直線條，讓您能夠查看其向何處對齊，以及查看顯示此邊界的矩形。
預覽選取範圍。 只要選取 [即時視覺化樹狀] 工具列上從左邊數來的第三個按鈕，即可啟用這個模式。 如果您可存取該應用程式的原始程式碼，則此模式會顯示宣告此項目的 XAML。