查看您的设计或查看定义设计的 XAML
您可以更改美工板，以显示 XAML 文档的可视化设计，或显示用于描述可视化设计的 XAML 标记。或者，可以同时显示这两项内容。
“设计”视图与“XAML”视图之间的联系
.png "The connection between Design and XAML view")
“设计”视图
.png "Cc304469.32be2832-9f81-4617-97e6-a4a3988a136c(ZH-CN,Expression.30).png")
将美工板更改为“设计”视图，即文档的可视化设计视图。在此视图中，您可以使用“工具”面板中的工具在美工板上绘制或修改对象、在“对象和时间线”面板查看组成设计的对象，以及查看选定对象的“属性”。“XAML”视图
.png "Cc304469.d62c8271-e5e5-4bfd-8aba-9f6f8f5b7a3d(ZH-CN,Expression.30).png")
将美工板更改为“XAML”视图。在此视图中，可以手动编辑 XAML 代码，并使用 XAML IntelliSense。可以转到特定行或者搜索并替换文本，就像可以在任何文本编辑器中执行的操作一样。但是，在此视图中，您无法使用“工具”面板中的工具、查看“对象和时间线”面板中的对象树，或使用“属性”面板来修改对象。此外，此视图中还禁用了大多数菜单项。“拆分”视图
.png "Cc304469.5b79e600-984e-4f44-b8cd-6c1522832ad4(ZH-CN,Expression.30).png")
将美工板更改为同时显示“设计”视图和“XAML”视图的面板布局。在此视图中，所有的 Expression Blend 工具和功能都可用，就像是选择了“设计”视图一样，并且，当您选择对象时，XAML 中的相应行将突出显示。在此视图中可以进一步配置面板布局。
.gif "说明") 说明： |
|---|
代码隐藏文件没有不同的创作视图。有关详细信息，请参阅修改代码隐藏文件。 |
更改活动文档的创作视图
执行下列操作之一：
单击美工板右上方区域内的选项卡之一：“设计”、“XAML”或“拆分”。
按 F11 可循环显示这三种视图。
在“视图”菜单上，单击“活动文档视图”，然后选择以下选项之一：“设计视图”、“拆分视图”或“XAML 视图”。
更改默认创作视图
您可以设置一个选项，该选项将指定如何显示所有以后打开的文档。您仍然能够更改打开的个别文档的创作视图。
- 在“视图”菜单上，单击“活动文档视图”，然后单击以下视图之一：“设计” 视图、“XAML” 视图或“拆分” 视图。
更改“拆分”视图的面板布局
确保“拆分”
视图处于选定状态。在“视图”菜单上，单击“拆分视图方向”，然后选择以下选项之一：“水平排列窗格”、“垂直排列窗格”或“交换设计窗格和 XAML 窗格”。
您可以拖动两个窗格之间的边框来重设窗格的大小。