用UI Designer可视化设计窗体

用UI Designer可视化设计窗体
今天，我们来学习总结一下如何用UI Designer设计可视化窗体。

主要讲述UI Designer设计可视化窗体的基本步骤以及UI Designer软件界面的大概介绍。

首先，我们设计一个简单的可视化窗体：
①在Qt Creator 10.0.1（Community）点击菜单“File-NewFiles…”，对话框里
选择“Qt”——“Qt Designer Form”，创建一个单纯的窗体文件（.ui文件）。

②单击“Choose…”，进入下一个对话框后，选择“Widget”模板，其他不用修改，
并按“Next”按钮。

③再弹出的新的对话框中，Location栏，File name:输入要保存的文件名称，
这里是“FormHello.ui”，Path:选择项目保存的位置；然后“Next”下一步，后面的界面直接按“Finish“。

④向导完成后，出现下面的UI Creator界面：
⑤接着我们可以通过程序左边的界面设计组件面板，选择对应的组件，以拖动
的方式为待设计窗体添加组件，这里添加1个Label组件和1个PushButton 组件。

⑥接着按照下表，为窗体以及各组件的主要属性设置一下:
（通过对象浏览器和属性编辑器设置）
⑦设计完成后将窗体文件保存为FormHello.ui即可。

学习浅析：
第一、UI Designer设计窗体步骤：
1、按照自己的要求选择对应的模板，并新建文件；
2、为窗体添加各种各样的组件；
3、修改组件的属性，并添加行为与槽（以后再说）
第二、其中内容点评：
1、窗体模板有3种：
I．Dialog模板，基于QDialog类的窗体，有一般对话框
特性，可模态显示、有返回值等；
II．Main Window模板，基于QMainWindow类的窗体，
有主窗体特性，窗口上有菜单、工具、状态等栏位；
III．Widget模板，基于QWidget类窗体，可作为独立窗口
运行，也可嵌入到其他界面组件内显示。

2、UI Designer 窗口的功能区介绍：
I．组件面板。

有多个分组，如Layouts、Spacers等
3、属性编辑器介绍，以LabHello为例：
bHello:QLabel，表示为QLabel类组件，objectName
为LabHello。

II.QLabel类的继承关系为QObject-QWidget-QFrame-
QLabel。

4、对象浏览器
如上图，对象浏览器分两列，Object(对象名称)，Class（对象所属
类名称）
5、保存的窗体文件Form Hello.ui实际是一个XML文件，记录了窗
体上个组件的属性及位置分布。

内容不需要深究。

最后，希望上面的内容可以帮到你知道如何简单的用Qt Creator设计一个GUI窗体。