创建用户界面草图

可以通过在草图绘制选用板中选择绘图元素并将其拖动到草图绘制画布中来创建用户界面草图。可以向草图添加名为“部件”的可复用的组或元素。也可以向草图添加现有图像和草图。
关于此任务

(要观看显示如何创建草图的影片,请参阅创建用户界面草图。)

要创建用户界面草图:
  1. 选择项目并单击文件 > 新建 > 用户界面草图
  2. 在“新建用户界面草图”窗口中,输入草图的名称。
  3. 浏览至新草图的项目和文件夹。
  4. (可选)向新草图添加标记。
  5. (可选)为新草图选择初始内容的模板。
  6. (可选)单击下一步并选择要应用于草图的属性组。
  7. 单击完成 此时将打开草图绘制编辑器。
  8. 要向草图添加绘图元素,请在选用板中选择元素并在草图绘制画布中单击元素的位置。可以通过在选用板中选择元素,然后在画布上拖动其大小来“调整大小并放下”元素。将放大某些元素(例如文本区域)以填充您所绘制的大小;而且将复制其他多个元素(例如标签和文本字段)以填充该大小。
  9. 在画布中右键单击元素以查看可在元素上执行的操作的菜单,例如剪切、复制、删除、编辑文本或修改其属性和外观。
  10. 要添加图像、部件或草图,请将其从 Project Explorer 拖到编辑器中或从选用板进行添加。从选用板添加图像、部件或草图时,将打开“选择”窗口。在该窗口中,请搜索并选择元素。这将在草图中创建元素的实例。可以在当前草图中全局或本地修改部件和草图。
    • 要更改原始部件或草图,请单击草图中选定元素上方的图标。 此时将打开原始部件或草图。如果在另一个草图中未覆盖原始元素,那么对部件或草图所做的任何更改(例如内容、格式或位置)都将反映在其他草图中部件或草图的所有实例中。
    • 可以更改部件或草图的本地实例中的元素。该本地实例将覆盖该草图中继承的元素;例如,如果您的草图包括显示菜单的部件,那么可以更改菜单中某个命令的格式以显示已选定该命令。原始部件保持不变。如果您想要还原到元素的原始内容,可以选择元素并单击元素上方的还原更改图标
  11. 单击文件 > 保存
下一步做什么

可以从业务进程草图内部创建用户界面草图。右键单击业务进程元素并单击通过新建草图阐述。新用户界面草图将添加为进程元素处的链接。

可以从屏幕流程内部创建用户界面草图。在一般元素中,单击新建草图图标,或右键单击元素并单击关联 > 新建草图

可以通过将草图元素从选用板拖到故事板框架编辑器来将用户界面草图添加到故事板的框架中。也可以通过将用户界面草图拖到一般元素或屏幕流程编辑器中的任何位置来将其添加到屏幕流程中。


反馈