在美工板上创建内容

在“SketchFlow 图”面板中向原型项目添加新的屏幕，然后在“设计”窗口中在美工板上创建内容。

在专心定义各个屏幕的内容时，您可以使用 Expression Blend 中提供的任何矢量图形绘图工具进行绘图，或者可以从 Photoshop 导入文件，并且根据需要保留层、矢量蒙板和文本。还可以将用户界面 (UI) 控件的图片用作原型的一部分，并且即时创建可重复使用的组件。您也可以使用为 Windows Presentation Foundation (WPF) 和 Microsoft Silverlight 提供的全套实际的 UI 控件。

	美工板
	“SketchFlow 图”面板

创建新的未连接的屏幕

1. 在“SketchFlow 图”面板中的任意位置右键单击，再单击以下选项之一：

   • 创建屏幕

   • 创建组件屏幕

   注意：
   要将新的屏幕连接到现有的屏幕，单击新的屏幕，然后将新的屏幕拖到您要将其连接到的屏幕。

2. 要在新屏幕上绘制内容，双击“SketchFlow 图”面板中的节点，以选择关联的文档选项卡。

有关创建新的屏幕以及在“SketchFlow 图”面板中工作的详细信息，请参阅创建应用程序流。

对象

在 Expression Blend 中，对象是任何可以放入美工板上的内容。例如，将一个可视元素添加到美工板上后，该元素就成为了应用程序中的一个对象。

通过在“工具”面板或“资产”面板中选择工具，或者在“资产”面板中选择样式控件或自定义控件，您可以在美工板中添加对象。您还可以从“资源”面板中拖动样式控件，或从“资源”面板中将资源拖动到美工板上的现有对象上，以将该资源应用于对象的某个属性。此外，您可以直接从 Windows 资源管理器中将图像、声音文件、视频文件和其他媒体拖入 Expression Blend 中，或者复制其他应用程序中的图像，然后将它们直接粘贴到美工板上。

有关使用对象的详细信息，请参阅使用对象和控件。

控件

控件是一种允许用户交互或用户输入的对象。Expression Blend 提供了大量控件，可用于设计 WPF 和 Silverlight 原型。

由于外观精美的 UI 元素可能会使审阅者专注于审阅应用程序的外观而不是交互式设计，因此，SketchFlow 还包含一组样式，它们可以给标准控件加上手工草绘的外观，同时保留其所有功能。在“资产”面板上，单击“样式”。

有关使用 Expression Blend 中的控件的详细信息，请参阅选择和使用交互控件。

SketchFlow 动画

SketchFlow 动画可用在 SketchFlow 原型中，以帮助审阅者可视化 UI 的特定部分可能处于的不同状态。它们可用于显示与屏幕之间的交互可能是什么样的。它们还可用于为任何指定的屏幕保存不同的设计备选方案。

有关使用 SketchFlow 动画的详细信息，请参阅添加交互性。

行为

Expression Blend 包含多种行为，它们是可以重复使用的代码块，让您无需了解或编写代码即可轻松将产品质量的交互性应用于美工板上的任何设计元素。虽然 Expression Blend 提供了一些预先打包的行为，但您也可以添加自定义行为。开发人员可以提供自定义行为，设计者随后可以轻松将它应用于美工板上的设计元素。

有关使用 Expression Blend 中的行为的详细信息，请参阅添加交互性。

缩放和平移

如果您的鼠标带有鼠标滚轮，则可以通过按住 Ctrl 并旋转鼠标滚轮在美工板上进行放大和缩小。

还可以拖动美工板及其包含的任何元素，方法是按住空格键并进行拖动。此外，可以在窗口中将应用程序流图表拖到任意位置，方法是按住空格键并拖动此图表。

注释

除了在美工板上创建和修改对象及控件之外，您还可以使用注释在美工板上留下批注和备注。也可以将注释直接附加到屏幕上的对象。当您在 Microsoft Visual Studio 中打开 SketchFlow 项目时，可以看见设计时注释。

有关详细信息，请参阅注释文档。

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