Visual Studio 中的 XAML 設計工具可讓您以視覺化方式編輯 WPF 和 UWP 專案的 XAML 檔。 透過啟用和自訂 Designer 選項，您可以簡化工作流程並根據您的需求自訂編輯體驗。 本文將引導您啟用設計工具並設定其關鍵選項。
先決條件
- 已安裝 Visual Studio
- XAML 型專案 （例如 WPF 或 UWP）
啟用 XAML 設計工具
啟用 XAML 設計工具，以存取視覺化編輯功能和進階 IntelliSense for XAML 檔。
- 啟動 Visual Studio，從主選單選擇 工具 > 選項 。
在 選項 選單中，展開 「所有設定>XAML 設計師>通用 」區塊。
選擇 啟用 XAML Designer 的勾選框。
重新啟動 Visual Studio 讓你的變更生效。
- 在 選項 對話框中，展開 XAML Designer>General 區塊。
選擇 啟用 XAML 設計器 ，然後選擇 確定。
重新啟動 Visual Studio 讓你的變更生效。
設定預設文件檢視
選擇開啟 XAML 文件時的呈現方式，包括 XAML 原始碼、程式碼的視覺設計視圖，或兩者兼有。
- 打開 工具>選項 選區，展開 「所有設定>」XAML 設計師>通用 」區塊。
- 打開 工具>選項 對話框，展開 XAML 設計器>通用 區塊。
使用下拉選單並設定 預設文件檢視 設定的值：
- 原始碼檢視：僅顯示 XAML 原始碼。
- 設計檢視：只顯示視覺設計師。
- 分割視圖：將視覺設計師與原始碼並排展示。
- 請選擇 [確定]。
變更分割方向
調整分割檢視的版面配置以符合您的工作流程。
- 打開 工具>選項 選區，展開 「所有設定>」XAML 設計師>通用 」區塊。
- 打開 工具>選項 對話框，展開 XAML 設計器>通用 區塊。
使用下拉選單設定分割方向的設定值：
- 垂直：在左側窗格顯示原始碼，右側窗格顯示視覺設計師。
- 橫向：在上方窗格顯示視覺設計師，底層窗格顯示原始碼。
- 預設：使用平台推薦的方向。
- 請選擇 [確定]。
設定縮放行為
設定放大 XAML 設計工具的方式，以便更輕鬆地瀏覽。
- 打開 工具>選項 選區，展開 「所有設定>」XAML 設計師>通用 」區塊。
- 打開 工具>選項 對話框，展開 XAML 設計器>通用 區塊。
使用下拉選單，並 使用 設定 Zoom 的數值：
- 滑鼠滾輪
- Ctrl + 滑鼠滾輪
- Alt + 滑鼠滾輪
- 請選擇 [確定]。
如需重設 Visual Studio 設定的詳細資訊，請參閱 重設設定。
預設縮放設定
使用此設定來判斷檢視 XAML 文件的預設縮放值。
- 打開 工具>選項 選區，展開 「所有設定>」XAML 設計師>通用 」區塊。
- 打開 工具>選項 對話框，展開 XAML 設計器>通用 區塊。
使用下拉選單並設定 預設縮放設定 選項的數值：
- 最後使用：預設所有 XAML 文件都使用最後使用的縮放值。 當 XAML 文件首次開啟時，「Fit All」設定僅在首次使用時使用。
- Fit All：使用此選項將 XAML 設計師的縮放值設為「Fit All」。 當 XAML 文件關閉並重新開啟時，該會話的最後設定值會持續存在，但不同會話預設會使用「Fit All」。
- 請選擇 [確定]。
編輯器設定
這些設定決定了編輯 XAML 文件時視覺設計器的行為。
| 名稱 | Description |
|---|---|
| 在建立時自動命名互動元素 | 設定當您將新的互動元素新增到設計工具時，是否提供預設名稱。 |
| 在元素建立時自動插入版面配置屬性 | 指定當您將新元素新增到設計師工具時，是否會提供配置屬性。 版面屬性是指影響控制項版面配置的屬性，例如邊界（Margin）和垂直對齊（VerticalAlignment）。 下列 XAML 顯示如何在選取和未選取此選項的情況下建立 Button：<Button Content="Button" HorizontalAlignment="Left" Margin="245,56,0,0" Grid.Row="1" VerticalAlignment="Top" Width="75"/><Button Content="Button" Grid.Row="1"/> |
| 使用以象限為基礎的版面配置 | 指定目前選取的控制項是否對齊父容器的最近邊緣。 若取消選取此核取方塊，則在移動或建立操作時，控制項的對齊不會改變。 |
| 自動填入工具箱項目 | 指定目前解決方案中的使用者控制項和自訂控制項是否自動顯示在 [工具箱] 中。 |
| 在元素建立時自動加入範例資料 | 規定在新增互動元素時，是否會自動加入範例資料。 |
| 啟用設計師快速操作 | 允許你用鍵盤快速操作來存取工具箱的功能。 |
設定（僅限於混合）
使用這些選項，在使用 Blend 編輯 XAML 檔案時，可以進入獨特的設定。
在 Blend 中，打開 工具>選項 窗格，展開 「所有設定>XAML 設計師>通用 」區塊。
在 Blend 中，打開 工具>選項 對話框，並展開 XAML 設計器>通用 區塊。
有一個專為 Blend 設計的屬性：
- 類型單位：指定設計器上的測量是基於點還是像素。 因為通用 Windows 應用程式不支援點數，當你選擇 點數時，單位會自動轉換成像素。
畫板（僅限混合）
使用這些設定來判斷 XAML Designer 在 Blend 中編輯 XAML 文件時的行為。
在 Blend 中，打開 工具>選項 窗格，展開 「所有設定>XAML 設計師>藝術板 」區塊。
在 Blend 中，打開 工具>選項 對話框，展開 XAML 設計師>藝術板 區塊。
以下章節將介紹可用的 Artboard 資產。
對齊
| 名稱 | Description |
|---|---|
| 顯示吸附格線 | 指定設計器中是否會出現格線，以幫助你對齊控制項。 選取 貼齊至格線 選項時，新增至設計工具的控制項會貼齊這些格線。 |
| 貼齊格線 | 在設計介面中新增或移動控制項時，它們會貼齊格線。 |
| 格線間距 | 指定格線之間的間距（以像素或點為單位）（由 「類型單位 」設定決定）。 |
| 對齊到輔助線 | 指定控制項是否對齊到貼齊線。 |
| 預設邊距 | 啟用 [ 貼齊對齊線 ] 時，會指定控制項與對齊線之間的間距，單位為像素或點 (根據 [ 類型單位 ] 設定決定)。 |
| 預設邊距 | 啟用 [ 貼齊對齊線 ] 時，指定控制項與貼齊線之間的額外間距，單位為像素或點（由 類型單位 設定決定）。 |
動畫
使用 動畫 設定來判斷當 Blend 啟用依賴（非加速）動畫時，是否會出現警告。
影響
在 Blend 裡編輯 XAML 檔案時，請使用 效果 設定判斷是否會渲染特效。
| 名稱 | Description |
|---|---|
| 渲染效果 | 指定在使用 Blend 的 XAML 設計師中編輯 XAML 檔案時，是否呈現效果。 |
| 縮放閾值 | 指定當選取「套用效果」核取方塊時，效果呈現的縮放百分比。 如果您縮放超過此設定，效果將不再在 XAML 設計工具中呈現。 |