GUI Design Studio 使用教程七：创建一个简单的storyboard-控件新闻-慧都网

GUI Design Studio 使用教程七：创建一个简单的storyboard

原创|其它|编辑：郝浩|2013-01-06 13:25:52.000|阅读 6028 次

概述：在本文中，我们将使用类似的方法，在原型设计工具GUI Design Studio中把一个简单的故事板（storyboard）放置到一起，用于显示程序流程。

相关链接：

在上一文GUI Design Studio 使用教程六：放置屏幕截图中，我们学习了如何将组件设计元素拖到设计中，从而创建屏幕截图。在本文中，我们将使用类似的方法，在原型设计工具GUI Design Studio中把一个简单的故事板（storyboard）放置到一起，用于显示程序流程。

1、打开"Project"面板，创建一个名为"Storyboard1"的设计文档。

2、在工程树状图中将"ApplicationWindow.gui"拖放到当前设计中。

3、将"TaskListDocument.gui", "EditTaskDialog.gui"和"NewTaskDialog.gui"设计文档添加到当前设计文档中。与创建屏幕截图时相反，对storyboards而言，窗口元素必须被分离，而不是放置在彼此的顶部。

4、通过"Make Connection"工具，创建导航路径。创建导航路径的方法，参考GUI Design Studio 使用教程四：创建文档窗口

GUI Design Studio 使用教程七：创建一个简单的storyboard

如果需要创建多个导航链接，按住Shift键同时按住命令按钮。每个链接创建成功后，链接模式仍然处于激活状态，准备创建下一个链接。再次点击工具栏按钮或者点击Esc 按钮，推出链接模式。

链接下图所示的工具栏按钮TaskListDocument, NewTaskDialog 和EditTaskDialog：

GUI Design Studio 使用教程七：创建一个简单的storyboard

注意，虽然ApplicationWindow最为选择和操作时的最小单元，但是仍然可以使用其中的子元素构建链接。

5、保存修改，预览效果如下：

GUI Design Studio 使用教程七：创建一个简单的storyboard

标签：原型设计

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自：慧都控件网