拆分视图：同时查看 WPF 设计图面和 XAML
适用于 Visual Studio 的 WPF 设计器支持一种称为拆分视图的视图。 通过拆分视图，您可以同时查看 XAML 标记和可视化设计器。 在可视化设计器中所做的更改会立即反映在 XAML 标记中，反之亦然。 本主题介绍可用来使用和配置拆分视图的一些方式。
拆分视图
拆分视图由两个窗格组成，中间由一个分隔栏分隔。 一个窗格包含当前窗口或用户控件的“设计”视图。 此窗格支持 Windows 窗体程序员所熟悉的拖放应用程序开发风格。 另一个窗格包含当前窗口或用户控件的“XAML”视图。 此 XAML 标记完全可编辑并支持 IntelliSense。 可以通过在此窗格中键入适当的标记直接编辑 XAML 元素，添加特性或者添加新元素。
拆分视图的两个窗格是同步的，因此在一个窗格中所做的更改会立即在另一个窗格中得到更新。 例如，如果您从**“工具箱”**中将一个控件拖动到“设计”视图中，XAML 将立即得到更新以反映该新元素。 同样，如果通过在“XAML”视图中键入标记来添加一个新元素，在 XAML 的格式设置正确后，可视化表现形式将立即在“设计”视图中显示。
.png "拆分视图")
配置拆分视图
可对拆分视图进行配置，以适合您的个人编程风格和喜好。 可以使用鼠标重新定位分隔两个窗格的分隔栏，以更改这两个窗格的相对大小。 分隔栏中包含一些图标，可以用来更改拆分视图的外观。 单击**“设计”和“XAML”**选项卡之间的交换窗格图标可切换窗格的位置。 集中在分隔栏上的三个图标允许您在垂直视图（两个窗格并排显示）和水平视图（两个窗格堆叠在一起）之间切换，并允许您折叠或展开底部窗格。 当一个窗格折叠时，您可以通过单击分隔栏上相应的选项卡在“设计”视图和“XAML”视图之间切换。 双击分隔栏与单击折叠/展开图标具有相同效果。 双击选项卡可使相应窗格以完整视图显示。 窗格布局与项目中的每个文档一起保存。