彩票走势图

GUI Design Studio 使用教程三:创建应用程序窗口

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

概述:本文主要介绍如何使用原型设计软件GUI Design Studio创建一个带有菜单栏,工具栏和状态栏的典型的多文档接口应用程序窗口。

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

相关链接:

本文主要介绍如何使用原型设计软件GUI Design Studio创建一个带有菜单栏,工具栏和状态栏的典型的多文档接口应用程序窗口。

1、根据GUI Design Studio 使用教程二中创建 "NewTaskDialog" 的方法,在项目文件夹中创建一个新的设计文档 "ApplicationWindow" 。

GUI Design Studio 使用教程三:创建应用程序窗口

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

3、调整窗口大小使其变大,然后编辑属性,双击或按Alt + Enter键),将标题更改为"Tutorial Application"。

 4、从 "Toolbars and Menus"类别中添加"Menu Bar" 。将其置于窗口标题栏的下方。拉伸菜单栏的宽度,使其符合窗口宽度,如图所示:

GUI Design Studio 使用教程三:创建应用程序窗口

5、接下来,在 "View" 和 "Window" 中插入一个新的 "Task"菜单项。打开菜单属性编辑器,选择列表项目中的"&View" 。在编辑框中输入"&Task",点击"Insert"按钮,最后点击ok 保存更改。

GUI Design Studio 使用教程三:创建应用程序窗口

6、接下来,在菜单下,添加 "Docked Toolbar" ,操作方法与添加"Menu Bar" 的操作相同。

7、现在,我们有一个空白工具栏,我们可以为其添加按钮。按钮没有图像属性。这些属性可以在以后的操作过程中添加。

默认情况下,"Toolbar Button"元素是 一个 'flat' 风格,使它在调色板中不太明显,但是有工具提示:

GUI Design Studio 使用教程三:创建应用程序窗口

当你添加一个 'flat' 工具栏按钮到工具栏中时,会出现一个命令的边框。如下图所示:

GUI Design Studio 使用教程三:创建应用程序窗口

8、按钮添加完成后,我们就可以添加图标了。切换到"Icons"设计面板和"Toolbars"分类。找到命令图标,并把它们放在其他按钮上方。

前7个图标是熟悉的新建,打开,保存,打印,剪切,复制和粘贴命令按钮。最后三个表示在应用程序中创建,编辑和删除任务的命令按钮。

9、工具栏设置完后,接下来创建"Status Bar"状态栏。将状态栏放到应用程序窗口的底部,然后调整全宽。

10、为了使设计灵活性最大,状态栏没有包含任何指示符。就像带有按钮的工具栏一样,指标必须手动添加。然而,在此之前,我们需要在右下角添加一个角度大小调整手柄。

11、最后,添加"Status Indicator"元素到状态栏。添加3个指示符后编辑其属性,从而分别为Caps Lock, Num Lock和Scroll Lock这三个键创建标准的 "CAP", "NUM"和"SCRL"提示。

GUI Design Studio 使用教程三:创建应用程序窗口

12、保存修改,完成应用程序窗口的设计,如图:

GUI Design Studio 使用教程三:创建应用程序窗口


标签:原型设计

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

文章转载自:慧都控件网

为你推荐

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


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP