共用方式為


分割檢視:同時檢視 WPF 設計介面和 XAML

WPF Designer for Visual Studio 支援稱為分割檢視的檢視。 分割檢視可以讓您同時檢視 XAML 標記和視覺化設計工具。 在視覺化設計工具中進行的變更都會立即反映在 XAML 標記中,反之亦然。 本主題描述您可以使用和設定分割檢視的部分方式。

分割檢視

分割檢視包含由分隔列所區隔的兩個窗格。 一個窗格包含目前視窗或使用者控制項的 [設計] 檢視。 這個窗格支援 Windows Form 程式設計人員所熟悉的應用程式開發的拖放樣式。 第二個窗格包含目前視窗或使用者控制項的 [XAML] 檢視。 這個 XAML 標記是完全可以編輯的並支援 IntelliSense。 藉由在這個窗格中輸入適當的標記,您可以直接編輯 XAML 項目、加入屬性或是新增項目。

分割檢視的兩個窗格是同步進行的,所以您在一個窗格中所做的變更會在另一個窗格中更新。 例如,如果從 [工具箱] 拖曳控制項到 [設計] 檢視,XAML 會立即更新以反映該新項目。 同樣地,如果在 [XAML] 檢視中輸入標記來加入新項目,一旦完成 XAML 的正確格式後,在 [設計] 檢視中就會立即出現視覺化表示。

分割檢視

設定分割檢視

分割檢視可以設定成符合您個人程式設計風格與喜好的樣子。 區隔兩個窗格的分隔列,可以使用滑鼠調整位置以變更兩個窗格的相對大小。 分隔列包含些許的圖示可以讓您變更分割檢視的外觀。 按一下 [設計] 和 [XAML] 索引標籤間的交換窗格圖示,會切換窗格的位置。 在分隔列上聚集在一起的 3 個圖示可以讓您在這些情況間切換:垂直檢視 (窗格會並排顯示)、水平檢視 (窗格會堆疊),以及摺疊或展開下方窗格。 當有一個窗格摺疊時,您可以在分隔列上按一下適當的索引標籤來在 [設計] 檢視和 [XAML] 檢視間進行切換。 按兩下分隔列的效果如同按一下摺疊/展開圖示。 按兩下索引標籤可以讓窗格具有全螢幕檢視。 窗格配置會隨著每個文件一同儲存在專案內。

請參閱

概念

巡覽 WPF 文件的項目階層架構

其他資源

WPF 設計工具中的 XAML 和程式碼

使用資源