QMainWindow 是主窗口类,主窗口类具有主菜单栏、工具栏和状态栏,类似于一般的应用程序的主窗口;
QWidget是所有具有可视界面类的基类,选择QWidget创建的界面对各种界面组件都可以支持;
QDialog是对话框类,可建立一个基于对话框的界面。
新建项目:Application->Qt Widgets Application
新建项目里面的文件有哪些:
项目管理文件:.pro 存储项目设置的文件
主程序入口文件: main.cpp 实现main()函数的程序文件
头文件:.h
C++源文件: .cpp
C++里任何窗体或界面组件都是用类封装的,一个类一般有一个头文件和源程序文件
界面文件:.ui 一个XML格式存储的窗体上的元件及其布局的文件
下面分别了解这些文件:
1、首先项目管理文件:文件名就是项目的名称
“QT += core gui”表示项目中加入core gui模块。
core gui是Qt用于GUI设计的类库模块,如果创建的是控制台Console应用程序,就不需要添加core gui
如果项目中使用到了涉及数据库操作的类就需要用到sql模块,在.pro文件添加这么一句话:
Qt +=sql
"greaterThan(QT_MAJOR_VERSION, 4): QT += widgets"这是个条件执行语句,表示当Qt主版本大于4时,才加入widgets模块
2、界面文件:双击界面文件(.ui)会出现窗体设计界面
从属性编辑器可以看出类的继承关系:QObject->QWidget->QFrame->Qlabel
组件的字体、对象名称等属性都在右下角属性编辑器里完成
信号和槽可视化关联用最下面的Signals Slots编辑器完成
这样设置表示当按钮btnClose被单击时,执行Widget的close函数,实现关闭窗口的功能
然后对项目进行编译和运行
的确是点击Close就关闭窗口了
3、主函数文件
main()函数时应用程序的入口。它的主要功能时创建应用程序,创建窗口,显示窗口,并运行应用程序,开始应用程序的消息循环和事件处理。
4、窗体相关的文件
4.1 widget.h文件
在创建项目时,选择窗体基类时QWidget,在文件中定义了一个继承自QWidget的类Widget
4.2widget.cpp文件
4.3widget.ui文件
窗体定义界面文件,一个XML文件,定义了窗口上的所有组件的属性设置、布局,及其信号与槽函数的关联等。
4.4ui.widget.h文件
ui.widget.h是在对widget.ui文件编译后生成的一个文件,这个文件会出现在编译后的目录下,不会出现在目录树里
ui_widget.h文件里实现界面功能的类是Ui_Widget。再定义一个类Widget从Ui_Widget继承而来,并定义在namespace Ui里,这样Ui::Widget与widget.h里的类Widget同名,但是用namespace区分开来。所以,界面的Ui::Widget类与文件widget.h里定义的Widget类其实是两个类,但是Qt的处理让用户感觉不到Ui::Widget类的存在,只需要知道在Widget类里用ui指针可以访问可视化界面组件就可以了。
下面再介绍一个例子:
在设计界面组件的时候要设定每个组件独有的objectName
界面组件的层次关系:首先把这些需要的组件拖动到界面内,然后使用容器类Group Box将3个CheckBox放一起,3个Radio Box放一起
布局管理:组件面板有Layouts和Spacers
布局组件 | 功能 |
Vertical Layout | 垂直方向布局,组件自动在垂直方向上分布 |
Horizontal Layout | 水平方向布局,组件自动在水平方向上分布 |
Grid Layout | 网格状布局,网状布局大小改变时,每个网格的大小都改变 |
Form Layout | 窗体布局,与网格状布局类似,但是只有最右侧的一列网格会改变大小 |
Horizontal Spacer | 一个用于水平分隔的空格 |
Vertical Spacer | 一个用于垂直分隔的空格 |
使用组件面板里的布局组件设计布局时,先拖放一个布局组件到窗体上,布局组件会以红色边框显示,再往布局里拖放组件。
在设计窗体上方工具栏里各按键:
Edit Widget(F3) | 界面设计进入编辑状态,就是正常的设计状态 |
Edit Signals/Slots(F4) | 进入信号与槽的可视化设计状态 |
Edit Buddies | 进入伙伴关系编辑状态,可以设置一个Label与一个组件成为伙伴关系 |
Edit Tab Order | 进入Tab顺序编辑状态,Tab顺序是在键盘上按Tab键时,输入焦点在界面各组件之间跳动的顺序 |
Lay Out Horizontally(ctrl+H) | 将窗体上所选组件水平布局 |
Lay Out Vertically(ctrl+L) | 将窗体上所选组件垂直布局 |
Lay Out Horizontally in Splitter | 将窗体上所选组件用一个分割条进行水平分割布局 |
Lay Out Vertically in Splitter | 将窗体上所选组件用一个分割条进行垂直分割布局 |
Lay Out in a Form Layout | 将窗体上所选组件按窗体布局 |
Lay Out in a Grid | 将窗体上所选组件网格布局 |
Break Layout | 解除窗体上所选组件的布局,也就是打散现有的布局 |
Adjust Size(ctrl+J) | 自动调整所选组件的大小 |
伙伴关系(Buddy)是指界面上一个Label和一个组件相关联,单击一个Label,按住左键然后拖向一个组件,就建立了伙伴关系。这是为了在程序运行时,在窗体上用快捷键快速将输入焦点切换到某个组件上。
Tab顺序是指在程序运行时,按下键盘上的Tab键时输入焦点的移动顺序。
信号(Signal)就是在特定情况下被发射的事件。
槽(Slot)就是对信号响应的函数。
信号与槽关联:
connect(sender,SIGNAL(signal()),receiver,SLOT(slot()));
(1)一个信号可以连接多个槽
(2)多个信号可以连接同一个槽
(3)一个信号可以连接另外一个信号
(4)信号与槽的参数个数和类型需要一致,至少信号的参数不能少与槽的参数。
(5)在使用信号与槽的类中,必须在类的定义中加入宏Q_OBJECT.
(6)当一个信号被发射时,与其关联的槽函数被立即执行,当所有与信号关联的槽函数被执行完毕后,才会执行发射信号处后面的代码。
可视化生成槽函数原型和框架:
还是上面的例子:
1、字体样式设置
选中chkBoxUnder组件,右键转到槽,选择clicked(bool)
OK后在头文件中自动生成如下几行:
在.cpp文件中手动添加几行:
运行一下,几种功能也有效果了:
2、字体颜色设置
在.h文件中定义槽函数,有一种办法可以在.cpp文件中直接自动生成函数框架:
手敲内容:自定义槽函数
因为槽函数是自定义的的,所以不会自动与RadioButton的clicked()事件关联,需要在Dialog构造函数中手工进行关联:
运行展示:
3、三个按钮的功能设计
界面上常见的按钮:确定、取消、退出
这次用可视化的方式将信号与槽进行连接,很简单,只需点击上方信号与槽连接按钮,然后点击要匹配的按钮按住左键进行拖拽,出现如下图的对话框,进行点选,如果没有选项,只需把下方的勾打上: