一.QT基础知识

1.控件与事件

1.控件

Qt 控件又称组件或者部件，指用户看到的所有可视化界面以及界面中的各个元素，比如按钮、文本框、输入框等。

为了方便程序员开发，Qt 提供了很多现成的控件。打开某个带 ui 文件的 Qt Widgets Application 项目，ui 文件的 Widget Box 一栏展示了 Qt 提供的几乎所有控件：

Qt 中的每个控件都由特定的类表示，每个控件类都包含一些常用的属性和方法，所有的控件类都直接或者间接继承自 QWidget 类。实际开发中，我们可以使用 Qt 提供的这些控件，也可以通过继承某个控件类的方式自定义一个新的控件。

Qt 中所有可视化的元素都称为控件，我们习惯将带有标题栏、关闭按钮的控件称为窗口。例如，下图展示了两种常用的窗口，实现它们的类分别是 QMainWindow 和 QDialog。

• QMainWindow 类生成的窗口自带菜单栏、工具栏和状态栏，中央区域还可以添加多个控件，常用来作为应用程序的主窗口；
• QDialog 类生成的窗口非常简单，没有菜单栏、工具栏和状态栏，但可以添加多个控件，常用来制作对话框。

刚开始在这里我还很疑惑,QMainWindow 类生成的窗口自带菜单栏、工具栏和状态栏在哪里?难道就是上面那一行吗,后来我查了资料,QMainWindow 类生成的窗口的菜单栏、工具栏和状态栏默认是不可见的，需要通过代码进行设置才能显示出来。一般情况下，我们在 QMainWindow 的构造函数中对这些控件进行初始化。

例如，在 QMainWindow 的构造函数中可以使用以下代码创建一个菜单栏并将其添加到 QMainWindow 中：

QMenuBar *menuBar = new QMenuBar(this);
setMenuBar(menuBar);

类似地，可以使用以下代码创建一个工具栏并将其添加到 QMainWindow 中：

QToolBar *toolBar = addToolBar("File");

最后，可以使用以下代码创建一个状态栏并将其添加到 QMainWindow 中：

QStatusBar *statusBar = new QStatusBar(this);
setStatusBar(statusBar);

窗口很少单独使用，它的内部往往会包含很多控件。例如图 中，我们分别往 MainWindow 和 Dialog 窗口中放置了一个按钮控件，根据需要还可以放置更多的控件。当窗口弹出时，窗口包含的所有控件会一同出现；当窗口关闭时，窗口上的所有控件也会随之消失。

实际开发中，制作应用程序的主窗口可以用 QMainWindow 或者 QWdiget；制作一个提示信息的对话框就用 QDialog 或 QWidget；如果暂时无法决定，后续可能作为窗口，也可能作为控件，就选择 QWidget。

2.事件

简单地理解，Qt 事件指的是控件和用户之间的交互过程，例如用户按下某个按钮，点击某个输入框等等。实际上除了用户会与应用程序进行交互外，操作系统也会与应用程序进行交互，例如当某个定时任务触发时，操作系统会关闭应用程序，这也是一个事件。

在上一篇博客中，在main.cpp中我没有解释的两行，其实是Qt 界面程序的 main() 主函数中首先要创建一个 QApplication 类的对象，函数执行结束前还要调用 QApplication 对象的 exec() 函数。一个 Qt 界面程序要想接收事件，main() 函数中就必须调用 exec() 函数，它的功能就是使程序能够持续不断地接收各种事件。

Qt 程序可以接收的事件种类有很多，例如鼠标点击事件、鼠标滚轮事件、键盘输入事件、定时事件等。每接收一个事件，Qt 会分派给相应的事件处理函数来处理。所谓事件处理函数，本质就是一个普通的类成员函数，以用户按下某个 QPushButton 按钮为例，Qt 会分派给 QPushButton 类中的 mousePressEvent() 函数处理。

还不能理解，看完下面的信号与槽，会好一些。

2.信号与槽

1.基础认识

信号和槽是 Qt 特有的消息传输机制，它能将相互独立的控件关联起来。

举个简单的例子，按钮和窗口本是两个独立的控件，点击按钮并不会对窗口造成任何影响。通过信号和槽机制，我们可以将按钮和窗口关联起来，实现“点击按钮会使窗口关闭”的效果。

在 Qt 中，用户和控件的每次交互过程称为一个事件，比如“用户点击按钮”是一个事件，“用户关闭窗口”也是一个事件。每个事件都会发出一个信号，例如用户点击按钮会发出“按钮被点击”的信号，用户关闭窗口会发出“窗口被关闭”的信号。

Qt 中的所有控件都具有接收信号的能力，一个控件还可以接收多个不同的信号。对于接收到的每个信号，控件都会做出相应的响应动作。例如，按钮所在的窗口接收到“按钮被点击”的信号后，会做出“关闭自己”的响应动作。在 Qt 中，对信号做出的响应动作就称为槽。

信号与槽这种机制，一般有四个参数考虑问题，分别是信号的发起方、发出什么信号（信号函数）、信号的执行方（接收信号并作出处理的目标）、执行的槽函数（做出怎么样的处理）。

信号和槽机制底层是通过函数间的相互调用实现的。每个信号都可以用函数来表示，称为信号函数；每个槽也可以用函数表示，称为槽函数。例如，“按钮被按下”这个信号可以用 clicked() 函数表示，“窗口关闭”这个槽可以用 close() 函数表示，信号和槽机制实现“点击按钮会关闭窗口”的功能，其实就是 clicked() 函数调用 close() 函数的效果。

信号函数和槽函数通常位于某个类中，和普通的成员函数相比，它们的特别之处在于：

• 信号函数用 signals 关键字修饰，槽函数用 public slots、protected slots 或者 private slots 修饰。signals 和 slots 是 Qt 在 C++ 的基础上扩展的关键字，专门用来指明信号函数和槽函数；
• 信号函数只需要声明，不需要定义（实现），而槽函数需要定义（实现）。

为了提高程序员的开发效率，Qt 的各个控件类都提供了一些常用的信号函数和槽函数。例如 QPushButton 类提供了 4 个信号函数和 5 个 public slots 属性的槽函数，可以满足大部分场景的需要。

实际开发中，可以使用 Qt 提供的信号函数和槽函数，也可以根据需要自定义信号函数和槽函数。

2.connect()函数实现信号和槽

connect() 是 QObject 类中的一个静态成员函数，专门用来关联指定的信号函数和槽函数。

关联某个信号函数和槽函数，需要搞清楚以下 4 个问题：

• 信号发送者是谁？
• 哪个是信号函数？
• 信号的接收者是谁？
• 哪个是接收信号的槽函数？

在 Qt5 版本之前，connect() 函数最常用的语法格式是：

QObject::connect(const QObject *sender, const char *signal, const QObject *receiver, const char *method, Qt::ConnectionType type = Qt::AutoConnection)

各个参数的含义分别是：

• sender：指定信号的发送者；
• signal：指定信号函数，信号函数必须用 SIGNAL() 宏括起来；
• reveiver：指定信号的接收者；
• method：指定接收信号的槽函数，槽函数必须用 SLOT() 宏括起来；
• type 用于指定关联方式，默认的关联方式为 Qt::AutoConnection，通常不需要手动设定。

第五个参数大多数情况下我们暂不考虑，所以使用connect时我们一般只输入四个参数。

connect() 函数将 But 按钮的 clicked() 信号函数和 widget 窗口的 close() 槽函数关联起来，实现代码如下：

connect(&But, SIGNAL(clicked()), &widget, SLOT(close()));

如此就实现了“按下按钮会关闭窗口”的功能。

Qt5 版本中，connect() 函数引入了新的用法，常用的语法格式是：

QObject::connect(const QObject sender, PointerToMemberFunction signal, const QObject receiver, PointerToMemberFunction method, Qt::ConnectionType type = Qt::AutoConnection)

和旧版本相比，新版的 connect() 函数改进了指定信号函数和槽函数的方式，不再使用 SIGNAL() 和 SLOT() 宏。

例如，用新版 connect() 函数关联 But 按钮的 clicked() 信号函数和 widget 窗口的 close() 槽函数，实现代码为：

connect(&But, &QPushButton::clicked, &widget, &QWidget::close);

可以看到，新版 connect() 函数指定信号函数和槽函数的语法格式是&+函数所在类+函数名。

一个 connect() 函数只能关联一个信号函数和一个槽函数，程序中可以包含多个 connect() 函数，能实现以下几种效果：

• 关联多个信号函数和多个槽函数；
• 一个信号函数可以关联多个槽函数，当信号发出时，与之关联的槽函数会一个接一个地执行，但它们执行的顺序是随机的，无法人为指定哪个先执行、哪个后执行；
• 多个信号函数可以关联同一个槽函数，无论哪个信号发出，槽函数都会执行。

此外，connect() 函数的 method 参数还可以指定一个信号函数，也就是说，信号之间也可以相互关联，这样当信号发出时，会随之发出另一个信号。

二.QT常用控件

1.QLabel文本框

从字面上理解，QLabel 可以解释为“Qt 的 Label”，即 Qt 提供给我们的一种文本控件，它的基础功能是显示一串文本。除了显示一串文本外，QLabel 控件上还可以放置图片、超链接、动画等内容。比如我们上一篇博客实现图片查看器里面放置的就是图片。

下面是该类控件常用的属性：

除了上表中提到了获取和修改属性值得成员方法外，下表给大家罗列了一些常用的操作 QLabel 控件的成员方法，它们有些定义在 QLabel 类内，有些是通过继承父类得到的：

QLabel 控件只用来显示文本、图像等内容，很好与用户交互。但是，当 QLabel 控件内包含超链接内容时，可以使用 QLabel 类提供的两个信号函数：

QLabel 控件提供了很多槽函数，如下表所示：

2.QPushButton按钮

QPushButton 类间接继承自 QWidget 类，它的继承关系如下：QPushButton -> QAbstractButton -> QWidget。QAbstractButton 类是所有按钮控件类的基类，包含很多通用的按钮功能。

QPushButton 按钮上除了可以放置一串文本，文本左侧还可以放置图标，必要时还可以在按钮上放置图片。

QPushButton 类提供了 3 个构造函数，分别是：

QPushButton(QWidget *parent = Q_NULLPTR)
QPushButton(const QString &text, QWidget *parent = Q_NULLPTR)
QPushButton(const QIcon &icon, const QString &text, QWidget *parent = Q_NULLPTR)

parent 参数用于指定父窗口；text 参数用于设置按钮上要显示的文字；icon 参数用于设置按钮上要显示的图标。

QPushButton 类提供了很多实用的属性和方法，它还从父类继承了很多属性和方法。下表给大家罗列了一些比较常用的属性和方法：

UI 程序中，按钮的主要任务是完成和用户之间的交互，下表罗列了 QPushButton 类常用的信号函数和槽函数：

3.QLineEdit单行输入框

QLineEdit 是 Qt 提供的一个控件类，它直接继承自 QWdiget 类，专门用来创建单行输入框。

下表列出了 QLineEdit 类对象经常调用的一些属性以及它们各自的含义：

QLineEdit 类提供了几个信号函数，分别对应用户的几种输入状态。

QLineEdit 类常用的槽函数有以下几个：

这里有很多控件，我们都需要掌握，我就不一一列举，我们要用什么我们就去学什么。

三.其他特殊控件

1.布局管理

实际开发中，一个界面上可能包含十几个控件，手动调整它们的位置既费时又费力。作为一款成熟的 GUI 框架，Qt 提供了很多摆放控件的辅助工具（又称布局管理器或者布局控件），它们可以完成两件事：

• 自动调整控件的位置，包括控件之间的间距、对齐等；
• 当用户调整窗口大小时，位于布局管理器内的控件也会随之调整大小，从而保持整个界面的美观。

总之借助布局管理器，我们无需再逐个调整控件的位置和大小，可以将更多的精力放在软件功能的实现上。

Qt 共提供了 5 种布局管理器，每种布局管理器对应一个类，分别是 QVBoxLayout（垂直布局）、QHBoxLayout（水平布局）、QGridLayout（网格布局）、QFormLayout（表单布局）和 QStackedLayout（分组布局），它们的继承关系：

垂直布局：

程序中使用 QVBoxLayout 布局控件，需提前引入<QVBoxLayout>头文件。每个 QVBoxLayout 控件本质都是 QVBoxLayout 类的实例对象，该类提供了两个构造函数，分别是：

QVBoxLayout()
QVBoxLayout(QWidget *parent)

创建 QVBoxLayout 控件的同时可以指定父窗口，那么它将作为父窗口中管理其它控件的工具；也可以暂时不指定父窗口，待全部设置完毕后再将其添加到某个窗口中。

事实上，我们无论使用什么控件都要导入对应的头文件，所以最好的办法就是一次性导入所有控件。

QVBoxLayout 类没有新增任何成员方法，它只能使用从父类继承的成员方法，下表给大家罗列了常用的一些：

2.项目文件

在上一篇的博客中，我只是简单说了一下.prp项目文件，今天在这里详细解释一下每一句代码：

QT       += core gui

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

TARGET = Demo
TEMPLATE = app

# The following define makes your compiler emit warnings if you use
# any feature of Qt which as been marked as deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS

# You can also make your code fail to compile if you use deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0


SOURCES += \
        main.cpp \
    mainwindow.cpp

HEADERS += \
    mainwindow.h

打开一个空的QT项目文件，你的.pro项目文件的内容应该是上面这样的

四.解析上篇（计算器）代码

1.创建按钮

第一种创建方式，不修改.h头文件：

#include "widget.h"
#include <QPushButton>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    this->resize(500,800);      //设置窗口属性
    QPushButton *BUTTON = new QPushButton(this);   //定义一个按钮，用指针
    BUTTON->setText("=");      //修改按钮的属性
    BUTTON->move(100,500);
}

Widget::~Widget()
{

}

• 1.导入按钮的头文件
• 2.定义一个按钮
• 3.修改一个按钮的属性

五.初学令人懵逼的bug

1.中文乱码问题

该问题你在其他地方肯定也遇到过，原因你也了解，编码方式不支持中文，所以你应该修改编码方式：