编辑 XAML

虽然可以使用任何文本编辑器来编辑可扩展应用程序标记语言 (XAML) 文档,但使用 Microsoft Expression Blend 时具有以下优势:

  • 在 Expression Blend 中,可以轻松生成并运行 XAML 文档 (F5) 以查看做出更改后的结果。

  • 保存文件或切换视图(“设计”视图和“XAML”视图)时,Expression Blend 会更新“结果”窗格中的语法错误。

  • 在“XAML”视图中,XAML 元素均采用颜色标识以便于识别。还可以使用“查找”功能来查找特定文本,或者使用“转到”功能定位至特定行。

  • 在“设计”视图中,可以直观地设计应用程序并让 Expression Blend 生成 XAML。还可以使用“查看 XAML”功能迅速定位至文档中任何元素所对应的 XAML。

Cc294525.alert_note(zh-cn,Expression.10).gif说明:

在您开始使用文本编辑器或 Expression Blend 的“XAML”视图来编辑 XAML 文档之前,最好具备使用 XAML 的经验。直接编辑 XAML 可能会导致应用程序中出现分析错误。在 Expression Blend 可以在“设计”视图中的美工板上正确显示文档之前,或者在用户可以生成并运行应用程序之前,必须先修复这些错误。

在记住上面的注意事项之后,在“设计”视图和“XAML”视图之间切换工作将会是一个了解 XAML 基础知识的有效方法。

Cc294525.alert_note(zh-cn,Expression.10).gif说明:

也可以在 Microsoft Visual Studio 2008 中编辑 XAML 文档,该软件包含与 Expression Blend 2 中的“XAML”视图相同的功能。

利用 Expression Blend 中的“XAML”视图编辑 XAML

可以利用 Expression Blend 中的“XAML”视图来更改 Expression Blend 项目中的 XAML。通过单击 Expression Blend 工作区中美工板右侧的“XAML”选项卡,可以访问“XAML”视图。在“XAML”视图中所做的更改会自动更新到“设计”视图中。

“XAML”视图选项卡(“设计”视图选项卡已隐藏)

Cc294525.9c6c58bb-f156-4394-a4e2-dc30bfcb7369(zh-cn,Expression.10).png

在“XAML”视图中,可以为新元素键入代码;也可以选择现有代码,然后在其中剪切、复制或粘贴代码,就如同使用字处理程序一样。下图显示的是在“XAML”视图中选定的文本。

在“XAML”视图中选定的文本

Cc294525.200569f5-655e-43de-bd34-f0799678fec1(zh-cn,Expression.10).png

在“XAML”视图中,除了可以执行一般的“剪贴板”任务以外,还可以使用“编辑”菜单上的“转到”、“查找”、“查找下一个”和“替换”命令,转到 XAML 中的特定行或者查找和替换文本。有关详细信息,请参阅本用户指南中的查找和替换转到特定行

有关各个控件的语法,请参阅 MSDN 上的控件库主题,或者在 MSDN 上的类库参考中搜索 XAML 元素和属性(这些链接可能指向英文页面)。

Cc294525.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-cn,Expression.10).gif返回页首

利用 Expression Blend 中的“设计”视图编辑 XAML

在使用“设计”视图时,Expression Blend 会生成相应的 XAML。在“设计”视图中,可以从“工具箱”中添加新元素、将数据绑定到新元素、设置新元素的样式、动态显示新元素、配置新元素以响应用户操作等等,而 Expression Blend 将不断更新设计的各个部分所对应的 XAML。

通过单击 Expression Blend 工作区中美工板右侧的“设计”选项卡,可以访问“设计”视图。在“设计”视图中所做的更改会自动更新到“XAML”视图中。

在下图中,左边显示的是 Expression Blend 的“设计”视图,右边显示的是“XAML”视图。在该图中,已在“设计”视图中向文档添加了一个“Rectangle”,而 Expression Blend 已在“XAML”视图中为该矩形生成了对应的 XAML。

Cc294525.b5f7566b-7d9a-4cff-a898-53b96c3bba7c(zh-cn,Expression.10).png

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

在使用“设计”视图时,通过在美工板上或者在“交互”面板的“对象和时间线”下右键单击特定元素,然后单击“查看 XAML”,可以迅速查看该元素的 XAML。此操作将会自动切换到“XAML”视图,并突出显示选定对象所对应的 XAML。

有关在 Expression Blend 的“设计”视图中创建应用程序的详细信息,请参阅本用户指南中的版式绘制形状和路径三维主题以及其他相关主题。

Cc294525.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-cn,Expression.10).gif返回页首