GUI Design Studio 使用教程八：创建导航功能-控件新闻-慧都网

GUI Design Studio 使用教程八：创建导航功能

原创|其它|编辑：郝浩|2013-01-07 13:29:02.000|阅读 5664 次

概述：本文主要介绍如何在原型设计工具GUI Design Studio中创建导航功能。

相关链接：

本文主要介绍如何在原型设计工具GUI Design Studio中创建导航功能。在本文中，我们将把模式中的任务列表文件改为一个非模态窗口，从而改善故事板。我们还需要激活关闭按钮，以便能够以一种自然的鼠标方式关闭对话框和窗口，而不使用Esc键。

1、打开"Storyboard1"设计文件。

2、使用"File | Save As..."菜单命令，将"Storyboard1"设计文件保存为"Storyboard2.gui"。它会自动出现在工程树中。

3、我们首先需要修改的就是使文档窗口非模态化。双击'New Document'工具栏按钮和任务列表文件窗口之间的连接线，打开连接线属性。然后，将"Navigation Type"默认的"Modal Popup"属性，改为"ShowWindow"。

GUI Design Studio 使用教程八：创建导航功能

点击OK，保存修改。你会发现，箭头形状由关闭改成打开形状。

4、默认情况下，所有新窗口均在屏幕中心被打开。这并不是我们想要的文档窗口，因此，我们需要添加一个定位锚点。

从设计栏的"Storyboard"上，将"Window Position Anchor"拖放到你想要放置文档窗口的应用程序窗口上:

GUI Design Studio 使用教程八：创建导航功能

现在，使用"Make Connection" 命令将锚点与文档窗口链接起来。

5、添加"Close and Accept" 和"Close and Cancel"按钮到设计文档，并建立链接。。"Close"按钮用来关闭连接的父窗口；而"Close and Accept"、"Close and Cancel"按钮用来关闭和它关联的所有同级窗口，两者并没有什么实际的区别。

6、最后，添加"Exit"元素，并与'X'关闭按钮建立链接。无论何时，你启动"Exit" 框，都将关闭模拟器。

7、最后，保存修改，预览结果如下：

GUI Design Studio 使用教程八：创建导航功能

标签：原型设计

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

文章转载自：慧都控件网