创建原型项目

important note重要须知:

SketchFlow 仅在 Expression Studio Ultimate 中可用。如果使用在 Expression Blend 3 中创建的 SketchFlow 项目,则必须升级此项目以便使用 Expression Blend 4。初次在 Expression Blend 4 中打开 SketchFlow 项目时,系统将提示您升级该项目。SketchFlow 项目仅在 Expression Studio Ultimate 中升级。

Microsoft Expression Blend 中的 SketchFlow 项目就像其他 Expression Blend 项目一样起使用。但是,SketchFlow 包含专门为创建原型而开发的工具,从而可让您更轻松地快速创建起作用的原型。

有关 SketchFlow 的详细信息,请参阅 SketchFlow 概述

有关使用 Expression Blend 中的项目的详细信息,请参阅使用解决方案、项目和文件

创建新的原型项目

  1. 在“文件”菜单上,单击“新建项目”。

  2. 在“新建项目”对话框中,单击“项目类型”下的“Silverlight”或“WPF”。

  3. 在右侧的窗口中,单击“Silverlight SketchFlow 应用程序”或“WPF SketchFlow 应用程序”。

  4. 在“名称”框中,键入原型项目的名称。

  5. 在“位置”框中,浏览到要存储项目的文件夹。

  6. 在“语言”下拉列表中,选择“C#”或“Visual Basic”。

  7. 单击“确定”。

在创建了 SketchFlow 项目之后,可以按照两种方式之一开始设计原型:在“SketchFlow 图”面板中创建应用程序流,或者在美工板上创建内容。在开始设计原型之后,可以轻松地在创建应用程序流的结构和在美工板上创建内容之间来回切换。

创建应用程序流

“SketchFlow 图”面板是一个图形编辑器,可让您定义应用程序的结构、流、导航和成分。

SketchFlow 图

可以将“SketchFlow 图”面板专门用于定义应用程序的结构,并将美工板专门用于定义各个屏幕的内容。例如,可以在开始构思用户界面 (UI) 之前画出应用程序流的轮廓,然后立即通过使用 SketchFlow 播放器审阅应用程序流(即使屏幕只包含一些备注)。

有关如何创建应用程序流的详细信息,请参阅创建应用程序流

在美工板上创建内容

在专心定义各个屏幕的内容时,您可以使用 Expression Blend 中提供的任何绘图工具,或者可以从 Adobe Photoshop 导入文件,并且保留层、矢量蒙板和文本。您还可以使用图像来表示 UI 控件。您可以使用为 Windows Presentation Foundation (WPF) 和 Microsoft Silverlight 提供的全套实际的 UI 控件。此外,您可以轻松创建可在整个项目中重复使用的组件。

有关在美工板上创建内容的详细信息,请参阅在美工板上创建内容

优化原型

可以不断在应用程序流和美工板之间来回切换,以优化流或内容。您随时都可以通过按 F5 来生成项目并在 SketchFlow 播放器中运行它。

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