彩票走势图

GUI Design Studio 使用教程二:创建新任务对话框

原创|其它|编辑:郝浩|2012-12-20 15:03:26.000|阅读 9930 次

概述:在GUI Design Studio使用教程一 中学习了如何创建一个新的工程后,本文接下来将介绍如何创建创建新任务对话框(New Task dialog)。

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

相关链接:

GUI Design Studio使用教程一 中学习了如何创建一个新的工程后,本文接下来将介绍如何创建创建新任务对话框(New Task dialog)。

当用户想创建一个新的任务时,首先需要创建的组件是对话框。

1、虽然,你可以使用"File | New" 菜单命令创建一个新的设计文档,但是它会生成一个未命令文件,而且还要为该文件名称并保存在目标项目文件夹中。既然,你知道需要创建的内容和位置,GUI Design Studio允许您直接在目标项目文件夹下创建一个新的文件。

打开"Project" 设计面板,点击 "New Design"命令按钮:

GUI Design Studio 使用教程二:创建新任务对话框

2、在框中输入"NewTaskDialog":

3、选择"Elements"设计面板和"Elements"分类。

4、在下来列表中找到"Dialog"元素,然后,将其拖入你的设计页面中:

GUI Design Studio 使用教程二:创建新任务对话框

5、调整大小手柄,将对话框稍微缩小.

6、双击对话框,打开其属性编辑器,将Title改为"Task Details"。请注意,该对话框实际上是一个框架类窗口。点击ok,保存修改。

GUI Design Studio 使用教程二:创建新任务对话框

7、确定勾选了"Layout | Snap to Edges"菜单命令。Edge snapping是GUI Design Studio中非常强大的一个功能。它不同于传统的网格捕捉,Edge snapping是GUI元素正确地相互配合,而不是任意的背景网格。

8、对话框有助于调整一致的边缘和退出按钮的位置。

9、"Buttons"类别中包含了一系列常用的按钮,一旦你将它们添加到你的设计中后,你可以对它们进行修改。

通过拖拽方式,添加"OK" 和 "Cancel"按钮到网格中(如图所示)。按钮的默认大小和右边网格列的宽度是相同的。

GUI Design Studio 使用教程二:创建新任务对话框

10、切换到"Text"分类,并添加两个"Left Text" 元素作为提示,将其放置到网格的左边列。双击"Left Text"元素,修改它们的属性,将Text改为"&Summary"和 "&Description"。

11、选中 "Summary"和 "Description"提示。你可以一起重新调整它们的大小到最大宽度。

12、 单行编辑框很好地捕捉到 "Summary"提示,然后拉伸到网格的右边。

13、多行编辑框稍微复杂一些,因为只能捕获一个边缘。将多行编辑框置于 "Description"提示旁边,然后Ctrl+Click,同时选中 "Summary"和多行编辑框。

GUI Design Studio 使用教程二:创建新任务对话框

14、通过"Layout | Align | Top"菜单命令或者下列工具栏,将编辑框顶部与"Description"提示的顶部对齐。

15、最后,修改编辑框属性,将文本字段设置为空白,然后保存修改。对话框的效果如下图所示:

GUI Design Studio 使用教程二:创建新任务对话框

 


标签:原型设计

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

文章转载自:慧都控件网

为你推荐

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


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP