查看您的设计或查看定义设计的 XAML

您可以更改美工板,以显示 XAML 文档的可视化设计,或显示用于描述可视化设计的 XAML 标记。或者,可以同时显示这两项内容。

“设计”视图与“XAML”视图之间的联系

“设计”视图与“XAML”视图之间的联系

  • “设计”视图Cc304469.32be2832-9f81-4617-97e6-a4a3988a136c(zh-cn,Expression.40).png   将美工板更改为“设计”视图,即文档的可视化设计视图。在此视图中,您可以使用“工具”面板中的工具在美工板上绘制或修改对象、在“对象和时间线”面板查看组成设计的对象,以及查看选定对象的“属性”。

  • “XAML”视图Cc304469.d62c8271-e5e5-4bfd-8aba-9f6f8f5b7a3d(zh-cn,Expression.40).png   将美工板更改为“XAML”视图。在此视图中,可以手动编辑 XAML 代码,并使用 XAML IntelliSense。可以转到特定行或者搜索并替换文本,就像可以在任何文本编辑器中执行的操作一样。但是,在此视图中,您无法使用“工具”面板中的工具、查看“对象和时间线”面板中的对象树,或使用“属性”面板来修改对象。此外,此视图中还禁用了大多数菜单项。

  • “拆分”视图Cc304469.5b79e600-984e-4f44-b8cd-6c1522832ad4(zh-cn,Expression.40).png   将美工板更改为同时显示“设计”视图和“XAML”视图的面板布局。在此视图中,所有的 Expression Blend 工具和功能都可用,就像是选择了“设计”视图一样,并且,当您选择对象时,XAML 中的相应行将突出显示。在此视图中可以进一步配置面板布局。

Note注意:

代码隐藏文件没有不同的创作视图。有关详细信息,请参阅修改代码隐藏文件

更改活动文档的创作视图

执行下列操作之一:

  • 单击美工板右上方区域内的选项卡之一:“设计”、“XAML”或“拆分”。

  • 按 F11 可循环显示这三种视图。

  • 在“视图”菜单上,单击“活动文档视图”,然后选择以下选项之一:“设计视图”、“拆分视图”或“XAML 视图”。

更改默认创作视图

您可以设置一个选项,该选项将指定如何显示所有以后打开的文档。您仍然能够更改打开的个别文档的创作视图。

  • 在“视图”菜单上,单击“活动文档视图”,然后单击以下视图之一:“设计”视图 Cc304469.32be2832-9f81-4617-97e6-a4a3988a136c(zh-cn,Expression.40).png、“XAML”视图 Cc304469.d62c8271-e5e5-4bfd-8aba-9f6f8f5b7a3d(zh-cn,Expression.40).png 或“拆分”视图 Cc304469.5b79e600-984e-4f44-b8cd-6c1522832ad4(zh-cn,Expression.40).png

更改“拆分”视图的面板布局

  1. 确保“拆分”视图 Cc304469.5b79e600-984e-4f44-b8cd-6c1522832ad4(zh-cn,Expression.40).png 处于选定状态。

  2. 在“视图”菜单上,单击“拆分视图方向”,然后选择以下选项之一:“水平排列窗格”、“垂直排列窗格”或“交换设计窗格和 XAML 窗格”。

    您可以拖动两个窗格之间的边框来重设窗格的大小。

另请参阅

概念

留出更多空间进行工作
保存不同的工作区视图
使用 XAML

Microsoft Corporation 版权所有 ⓒ 2011。保留所有权利。