在 Visual Studio 和 Blend for Visual Studio 中設計 XAML
Visual Studio 和 Blend for Visual Studio 都提供可視化工具，以使用 XAML 建置吸引人的使用者介面和豐富的媒體體驗，以取得各種應用程式類型。 這兩個集成開發環境（IDE）共用一組常見的功能，包括可視化 XAML 編輯器（設計工具）。 Blend for Visual Studio 支援 WPF 和 UWP 平臺，提供設計視覺狀態和建立動畫的其他工具。
您可以在 Visual Studio 與 Blend for Visual Studio 之間來回切換，甚至可以同時在兩個 IDE 中開啟相同的專案。 在 XAML 檔案中儲存的變更，當您切換至另一個 IDE 時，將自動重載並應用。 您可以在任一 IDE 中流覽至 Tools>Options>Environment>Documents，來控制重載行為。
安裝
若要建立 WPF 應用程式，請在 Visual Studio 中安裝 .NET 桌面開發 工作負載。 Blend for Visual Studio 也會安裝。
.NET 桌面開發工作負載的螢幕快照若要建立 UWP 應用程式，請在 Visual Studio 中安裝 通用 Windows 平台開發 工作負載。 Blend for Visual Studio 也會安裝。
通用 Windows 平台開發工作負載的螢幕快照
共用功能
針對最基本的開發工作，Visual Studio 和 Blend for Visual Studio 會共用相同的一組視窗和功能，但有一些細微的差異。 一些重點包括：
IntelliSense： 兩個 IDE 都支援 IntelliSense 特性，例如語句自動完成。
偵錯： 您可以在 Visual Studio 和 Blend for Visual Studio中進行偵錯，包括設定代碼中的斷點來偵錯正在執行的應用程式，並使用 熱重載 在應用程式執行時變更 XAML 代碼。 為了維持 Visual Studio 的一致偵錯體驗，Blend for Visual Studio 包含大部分的 Visual Studio 偵錯視窗和工具列。
檔案重載： 您可以在Visual Studio或 Blend for Visual Studio 中編輯 XAML 檔案。 當您在 IDE 之間切換時，已儲存的編輯檔案會自動重新載入。 您可以在任一 IDE 中流覽至 Tools>Options>Environment>Documents，來控制重載行為。
同步處理版面配置和設定：當您使用相同的個人化帳戶登入時， Visual Studio 或 Blend for Visual Studio 的設計自定義工具視窗版面配置和設定喜好設定會跨您的裝置和版本進行同步處理。 請參閱 在多部電腦間同步設定。
Blend for Visual Studio 中的進階功能
若要提高生產力，請考慮使用 Blend for Visual Studio 來執行下列工作。 這些是 Blend for Visual Studio 提供比 Visual Studio 設計工具或程式代碼更多的功能區域。
| 任務 | Visual Studio | Blend for Visual Studio | 詳細資訊 |
|---|---|---|---|
| 設計視覺狀態 | 沒有工具可協助您設計視覺狀態;您必須以程式設計方式建立它們。 | 使用設計工具，根據控件的狀態變更控件的外觀。 | 視覺的狀態 |
| 建立動畫 | 動畫沒有設計工具;您必須以程式設計方式建立它們。 這需要瞭解 WPF 中的動畫和計時系統，以及廣泛的編碼專業知識。 | 您可以以可視化方式建立動畫，並在 Blend for Visual Studio 中預覽動畫。 這比在程式代碼中建置動畫更快且更精確。 您可以新增觸發程式來處理用戶互動，也可以切換至程式代碼來新增事件處理程式和其他功能。 | 活體物件 |
| 將圖形和文字轉換成更容易操作的路径 | 不支援。 | 您可以將圖形轉換成路徑，以對圖形進行微妙或戲劇性的變更（例如矩形和省略號），以提供更佳的編輯控件。 您可以重新調整或合併路徑，並從多個圖形建立復合路徑。 您也可以將文字塊轉換成路徑，以將它們當作向量圖像來處理。 |
繪製圖形和路徑 |
| 編輯控件、範本和樣式 | 需要 WPF 樣式和範本的編碼和知識。 | 將任何影像轉換成 控件。 使用範本編輯工具，只要按幾下滑鼠，即可變更控件、樣式和範本。 例如，您可以使用 Blend for Visual Studio 樣式資源來實作常見的 WPF 控件（例如按鈕、清單框、滾動條、功能表等），並直接在 Blend for Visual Studio 中變更其色彩、樣式或基礎範本。 然後，您可以切換至代碼進行最後調整。 |
修改對象的樣式 |
| 將 UI 連線到資料 | 您可以從 SQL Server 資料庫、WCF 或 Web 服務、物件或 SharePoint 清單等資源建立數據源，然後將數據源系結至您的 UI 控制件。 必須手動建立設計時間數據，才能進行互動式設計體驗。 |
針對 .NET Framework 應用程式，輕鬆地建立範例數據以進行原型設計和測試。 當您準備好時，切換至實時數據。 Blend for Visual Studio 的數據產生功能非常出色（您可以輕鬆地即時新增名稱、數位、URL 和相片），而且可以節省許多時間。 針對實時數據，您可以將UI控制項系結至 XML 檔案或任何 CLR 數據來源。 |
顯示數據 |
如需進階 XAML 設計的詳細資訊，請參閱 使用 Blend for Visual Studio 建立 UI。