UIDesigner操作指南（二）

新手上路 – 关闭提示对话框

这里假想了一个提示对话框。现在来使用 UIDesigner 做出这样的界面，并
实现相关的交互功能。

当点击一个软件的关闭按钮后，弹出一个这样的对话框进行询问；

选择“退出程序”并按“确定”则关闭本软件；

选择“最小化到系统托盘” 并按“确定” ，则不关闭本软件，而只是最小化到系统托盘；

选择“不再提醒”并按“确定”则下次点击软件关闭按钮时，不再弹出

该对话框，依照本次的选择去执行；

选择“确定”按钮，执行命令并关闭对话框；

选择“取消”按钮，取消该命令并关闭对话框。

下面将开始讲解如何制作该稿件。所有稿件的制作方法都可概括为：设计布

局，将控件拖入窗体，定义控件属性，为控件定义“响应”，保存并导出。

分析界面功能及布局

这个案例的布局很简单，很清晰，并且已经给出，当前步骤便会比较容易完
成了。
界面功能分为如图三个区域：

                   

各个区域包含的控件如下：
标题栏
标题、关闭按钮
信息提示区
图标、文字、单选项
命令按钮区
复选项、确定按钮、取消按钮
注：该对话框的尺寸是固定的，不可拖拽变大变小的。

新建文件
单击菜单栏中“文件”-“新建”，得到一个新建的窗口

                        

新建后，将在设计区得到一个可编辑窗体：

                  

设计界面布局

由于界面简单，这里需要做的只是调整窗体的尺寸（当然也可以放入“容器”
配合停靠命令，对界面进行区域划分）。
双击窗体主体，弹出“窗体属性”框，在此对话框的“大小”一栏下输入合
适的尺寸，这里输入宽度为 320，高度为 170。
点击属性对话框的“确定”按钮，完成尺寸修改。

                      

填充控件
这里按照区域进行设计。
设计标题栏
首先，双击窗体主体，弹出“窗体属性”框。
其次，在属性对话框的“标题”中输入标题。

 

 

然后，在属性对话框的下方进行设置：
1) 在“其他”中去除“显示图标”、“带最大化按钮”、“带最小化按钮” ，其
目的是保证标题栏上不出现图标以及“最大化”、“最小化”按钮；
2) 在“窗口边框”中选择“不可调整大小” ，以保证界面不出现“大小调整
柄”，不可随意调整大小。

                            

最后，点击属性对话框的“确定”按钮，完成标题栏设计。
可以点击菜单栏的“生成”下的“预览”选项进行预览，亦或者可以直接按
快捷键“F10”。

 

设计信息提示区
添加一个提示图片
在界面右侧的工具箱中选择“图片框”，并拖拽到窗体内。

 

双击窗体中的图片框，在弹出的“图片框属性”对话框的“图像”栏中进行
编辑。点击“浏览”按钮，弹出“图片库”，在图片库中选择适合的图片。

 

                        

另外，可以使用任何截图功能获得一个图片，然后直接粘贴在窗体区域内。

可以通过键盘的方向键来控制任一控件的精细位置。

添加描述文字
在界面右侧的工具箱中选择“标签” ，并拖拽到窗体内。双击“标签”本身，
弹出的“标签属性框” ，在其“文本”输入框中添加描述性文字“您点击了关闭
按钮，您是想：”。

 

                     

                        

添加单选项
在界面右侧的工具箱中选择“单选按钮” ，并拖拽到窗体内，双击其弹出属
性对话框，在其“文本”输入框中为别输入对应选项文字，并放置合适的位置。
UID 已经设置了默认距离，这使控件放置很方便，界面也很标准。