彩票走势图

GUI Design Studio 使用教程九:创建标准的文件打开对话框

原创|其它|编辑:郝浩|2013-01-08 16:01:14.000|阅读 4670 次

概述:本文将在上文的功能基础上,引入标准库组件的使用。你还将了解GUI Design Studio中的导航元素(如按钮)如何执行多个操作。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

本文将在GUI Design Studio 使用教程八:创建导航功能的功能基础上,引入标准库组件的使用。你还将了解GUI Design Studio中的导航元素(如按钮)如何执行多个操作。

1、首先,我们需要创建一个新的"Empty Document"设计文件。我们将以现有的"Task List Document" 设计为基础。

在创建导航功能一文中,展示了创建设计副本的一种方法(打开"TaskListDocument.gui"文件,然后使用"File | Save As..."菜单命令将该文档保存并重命名为"EmptyDocument.gui"),接下来,我们介绍一种更快的方式来创建设计副本。

在工程树中选择"TaskListDocument.gui"文件,然后使用"Project | Duplicate Design..."菜单项或者相关的项目面板命令按钮:

现在,在文本框中输入新的文档名称"EmptyDocument":

2、选中这2个注释元素,并使用"Edit | Delete"菜单命令或者 Delete键,将它们删除。 注意,当相互连接的两个元素之间的其中一个被删除时,元素之间的链接被自动删除。

3、双击任务列表框打开属性编辑器,然后删除所有的列表项。你需要首先选择一个列表项目来启用"Delete"命令按钮:

4、点击ok,保存修改,然后保存设计文档。

5、打开"Storyboard2"设计文档,通过"File |Save As..." 菜单命令创建一个名为"Storyboard3.gui"的设计文档。

6、选择任务列表文档窗口和其相关的关闭按钮,将其移到到左边,以腾出空间给空白的文档窗口。创建"EmptyDocument.gui"设计文档。

7、我们需要重新分配“新建文档”命令的功能以打开空白的文档窗口。选择并删除第一个文档窗口的连接线。选择,为新的空白文档窗口创建新的链接。

8、在故事面板上添加另一个“关闭”框,然后在它与空白文档窗口的 'X' 关闭按钮之间创建链接。

9、我们需要添加到故事面板的最后一个组件是文件打开对话框。首先,需要创建一个过程与其链接。在工程面板上,按下"Add Project Link" 命令按钮:

浏览 "<GUI Design Studio install folder>\Samples\Standard Components\Standard Components.gdp" 项目文件。它将被添加到Project/Folder 列表。

10、找到“打开文件&rdquo;对话框的组件文件("Dialog_FileOpen_Standard.gui"):

标准的“打开文件”对话框包含了示例文件夹名称和详情。它们不可能完全满足您的应用需求。你可以利用一个标准对话框作为模板,创建你自己的对话框。

11、打开"Dialog_FileOpen_Standard.gui" 文件,在项目浏览器中双击并查看该文件。

12、在工具栏的文件打开按钮和文件打开对话框之间建立&quot;Modal Popup"类型的连接。

13、我们真正想要"Open"按钮执行的操作是编辑对话框,然后打开任务列表文档窗口。你可以访问对话框组件中的按钮来创建新的导航。

首先,从"Storyboard"面板中添加"Close and Accept"按钮,在"Open"按钮和"Close and Accept"按钮之间创建连接;然后,在"Open"按钮和"TaskListDocument"对话框之间创建连接,并将Navigation Type修改为"Show Window"。

14、在这个阶段,任务列表中的文档窗口将再次出现在屏幕中心的默认位置。因此,我们需要添加另一个定位锚。

15、此时,我们需要建立一个链接,以便用户双击任务列表文档窗口中的选定项时,它会打开任务详细信息编辑器对话框。

在故事板面板上,找到条行框中的"Navigation Overlay" 元素,并将其拖动到设计中,同时将其定位在突出显示的任务上:

将其和"EditTaskDialog"对话框间建立连线,双击连线打开连接属性设置页,将"Event Trigger"属性从"Left Click"改为"Left Double Click"。运行模拟器,将鼠标移至条纹矩框的范围内双击可打开"EditTaskDialog"对话框。

16、最后,保存修改,效果如下:


标签:原型设计

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

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP