彩票走势图

GUI Design Studio 使用教程四:创建文档窗口

原创|其它|编辑:郝浩|2012-12-24 13:21:44.000|阅读 5860 次

概述:在GUI Design Studio 使用教程系列:创建新任务对话框和应用程序窗口后,你可以随心所欲地创建你自己的设计了。本文的目的旨在为任务列表管理器应用程序创建一个组件,并引入注释。

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

相关链接:

GUI Design Studio 使用教程:创建新任务对话框应用程序窗口后,你可以随心所欲地创建你自己的设计了。本文的目的旨在为任务列表管理器应用程序创建一个组件,并引入注释。

1、像先前的操作一样,切换到"Project"面板,并创建一个新的设计文档,并将其命名为TaskListDocument。

2、在"Elements"面板中,在"Windows and Dialogs" 分类中找到"Frame Window"元素,并添加到设计中。

3、您可以将窗口保留为默认大小。但对其属性进行编辑时,将标题更改为 "Task List"。

4、在"Lists and Trees"分类中,将 "Check List Box"元素放置到文档窗口的底部。、

5、打开列表框的属性编辑器。首先切换到"Style"标签,并检查 "Flat Style"选项,使列表框为一个细边框:

GUI Design Studio 使用教程四:创建文档窗口

在"Data"标签中,删除默认的列表项目,并插入新的项目。在编辑框中键入每一个项目,然后,利用Alt+I 将项目插入到列表中,然后继续在编辑框中输入以下项目:

  • Walk the dog
  • Breakfast
  • Fix the car
  • Lunch
  • Watch some TV
  • Dinner
  • More TV
  • Go to bed

设置"Lunch"时,勾选"Selected"选项。点击ok 保存修改。

GUI Design Studio 使用教程四:创建文档窗口

6、任务列表中的文档窗口基本设计完成。然而在实际使用时,应该有更多的信息,如注释元素等等。

切换到 "Annotations"面板,并添加"Boxed Annotation"到文档窗口的右边:

GUI Design Studio 使用教程四:创建文档窗口

编辑注释属性,然后将标题设置为"More Info",并输入以下注释文本:"We probably want more info in columns with headers for sorting...".

7、在列表上放置一个 "Large Dot Target" 。现在点击工具栏上的"Make Connection"命令,初始化连接模式:

GUI Design Studio 使用教程四:创建文档窗口

光标会变成一个铅笔形状,然后出现一个橙色框。点击圆点目标,开始连接,然后点击注释框,完成连接:

GUI Design Studio 使用教程四:创建文档窗口

8、文档窗口设计完成,如图所示:

GUI Design Studio 使用教程四:创建文档窗口

 


标签:原型设计

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

文章转载自:慧都控件网

为你推荐

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


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP