第二章 窗口设计
1. 创建工程
1) 使用\菜单命令,打开\对话框。
2) 选择一个合适的文件夹用于存放创建的工程,如上图所示的\GUI Designs\\\。如
果想使用的文件夹不存在,在\框可以直接输入路径,该文件夹会被自动创建。 3) 在\框输入\,将为工程自动创建一个\子文件夹。 4) 点击\按钮创建工程后,工程将被自动打开。
第 9 页 共 39 页
2. 创建对话框
1) 可以通过\菜单命令,或者\快捷键创建新的未命名的设计文档,之
后在保存时需要指定保存位置和名称。此外,还可以在\面板点击\图标,将文件直接创建在工程文件夹下。在弹出对话框中输入\。
2) 在\面板中选中\分类。在元素列表中选中\元素,
以双击或拖拽的方式将元素添加到设计文档中。
3) 双击对话框元素打开其属性设置页,修改其标题为\。
4) 确保\菜单命令处于选中状态。边缘捕捉允许GUI元素间可以正
确对齐。
第 10 页 共 39 页
5) 常常需要在窗口中保证页边空白和按钮布局的一致性,这不是必须的但这么做可以增强
专业感。在\面板的\分类下,通过双击或拖拽的方式将下左图所示的按钮添加到对话框中。然后拖拽该按钮使其捕捉到对话框的四边,如下右图所示。
6) 7)
8) 9)
在\面板中的\分类下,添加\按钮。你会发现按钮默认的宽度和网格右列的宽度是一致的。
在\面板中的\分类下,添加两个\元素,将它们对齐到网格左列的左边线,双击静态文本框将它们的属性分别改为\和\。\符号紧跟的字符显示带有下划线表明它是键盘快捷键。
点击\,按住\的同时点击\,此时\和\被同时选中,此时你可以同时调整它们的大小。
在\面板中的\分类下,分别添加\Box\和\Line Edit Box\元素。同时选中\和\元素,使用\菜单命令或者在工具栏点击
按钮,使两个元素顶端对齐。
10) 最后,清空两个文本框的\属性后保存。做好的对话框如下图所示:
第 11 页 共 39 页
3. 创建应用程序窗口
1) 在项目工程文件夹下创建一个名为\的设计文档,在\面板
的\分类下,添加\元素,修改其标题属性为\Application\。
2) 在\面板的\分类下,添加\元素,左右拉伸菜单
栏使其捕捉到应用程序窗口的左右两边。 3) 双击菜单栏打开其属性编辑器,选中\项,在编辑框中输入\后点击\
按钮,将\菜单项插入到\项后面,点击\保存修改。
4) 在菜单栏下面添加\元素。默认情况下,工具栏的上边框属性为\
以保证它和菜单栏可以融合,下边框的属性是\带有一个凹陷的边缘。如果没有菜单栏而想创建一个工具栏,可以在工具栏的属性页中将上边框属性设为\。
5) 在\面板的\分类下,添加10个\元素和3个
\– Vertical\元素到工具栏,效果如下左图。切换到\面板的\分类下,添加合适的图标按钮到工具栏按钮上,效果如下右图。
6) 在\面板的\分类下,添加\元素,调整状态栏的
大小使其捕捉到应用程序窗口的底部。切换到\分类,在状态栏的右下角添
加\元素
。重新切换到\分类下,
第 12 页 共 39 页

