＜Qt＞初识Qt

在QT中如果某个类想要使用信号与槽（signal 和 slot）的机制，那么必须引入Q_OBJECT这个宏，并且要将这个宏写在这个类的前面，这时候QT编译器就允许这个类自定义信号和槽函数；
Ui::Widget *ui：这个指针是在 namespace Ui 里的 Widget 类里面定义的，并且这个ui 指针实际上是指向可视化设计的界面的，后面要访问这个可视化界面上的控件都是通过这个指针去访问的。

main.cpp

使用QT创建一个任意一个工程过后，main.cpp文件中都会自动生成以下代码：

Qt系统提供的标准类名声明头⽂件没有 .h 后缀。
Qt⼀个类对应⼀个头⽂件，类名就是头⽂件名。
QApplication 为应⽤程序类；QApplication a；（a为应⽤程序对象，有且仅有⼀个。）
3.1 QApplication管理图形⽤⼾界⾯应⽤程序的控制流和主要设置。
3.2 QApplication是Qt的整个后台管理的命脉。它包含主事件循环，在其中来⾃窗⼝系统和其它资源的所有事件处理和调度。它也处理应⽤程序的初始化和结束，并且提供对话管理。
3.3 对于任何⼀个使⽤Qt的图形⽤⼾界⾯应⽤程序，都正好存在⼀个QApplication对象，⽽不论这个应⽤程序在同⼀时间内是不是有0、1、2或更多个窗⼝。
Widget w：实例化窗口对象。
w.show()：显示窗口对象，与之对应的 w.close() 隐藏窗口对象。
a.exec()：程序进⼊消息循环，等待对⽤⼾输⼊进⾏响应。这⾥main()把控制权转交给Qt，Qt完成事件处理⼯作，当应⽤程序退出的时候exec()的值就会返回。在 exec()中，Qt 接受并处理⽤⼾和系统的事件并且把它们传递给适当的窗⼝部件。

注意：这里的文件名在创建时默认为widget.cpp，我这里只是重命名了这个文件名

widget.ui 是窗体界⾯定义⽂件，是⼀个XML⽂件，定义了窗⼝上的所有组件的属性设置、布局，及其信号与槽函数的关联等。⽤UI设计器可视化设计的界⾯都由Qt⾃动解析，并以XML⽂件的形式保存下来。在设计界⾯时，只需在UI设计器⾥进⾏可视化设计即可，⽽不⽤管widget.ui⽂件是怎么⽣成的。

.pro文件

⼯程新建好之后，在⼯程⽬录列表中有⼀个后缀为".pro"的⽂件，".pro"⽂件就是⼯程⽂件(project)
，它是 qmake ⾃动⽣成的⽤于⽣产 makefile 的配置⽂件。如图所示：

双击进⼊该⽂件，该⽂件的核⼼内容如下：

QT +=coregui：Qt 包含的模块
greaterThan(QT_MAJOR_VERSION, 4): QT+=widgets：⼤于Qt4版本才包含widget模块
TARGET=QtFirst：应⽤程序名⽣成的 .exe 程序名称
TEMPLATE=app：模板类型，应⽤程序模板
SOURCES+=main.cpp\ ：源⽂件
widget.cpp：源⽂件
HEADERS+=widget.h：头⽂件

“.pro” ⽂件的写法如下：

注释：从"#"开始，到这⼀⾏结束。
QT += coregui：Qt包含的模块 Qt5包含的模块如下图所⽰：
greaterThan(QT_MAJOR_VERSION,4)：QT+=widgets 这条语句的含义是，如果QT_MAJOR_VERSION ⼤于4也就是当前使⽤的Qt5及更⾼版本）需要增加widgets 模块。如果项⽬仅需⽀持Qt5，也可以直接添加"QT+=widgets"⼀句。不过为了保持代码兼容，最好还是按照QtCreator⽣成的语句编写。
指定⽣成的应⽤程序名：TARGET=QtDemo
TEMPLATE=app：模板。告诉qmake为这个应⽤程序⽣成哪种makefile。下⾯是可供选择的模板：
5.1 app：建⽴⼀个应⽤程序的makefile。这是默认值，所以如果模板没有被指定，这个将被使⽤。
5.2 lib：建⽴⼀个库的makefile。
5.3 vcapp：建⽴⼀个应⽤程序的VisualStudio项⽬⽂件。
5.4 vclib：建⽴⼀个库的VisualStudio项⽬⽂件。
5.5 subdirs：这是⼀个特殊的模板，它可以创建⼀个能够进⼊特定⽬录的makefile并且为它调⽤make的makefile。
⼯程中包含的源⽂件：SOURCES+=main.cpp/widget.cpp
⼯程中包含的头⽂件：HEADERS+=widget.h
⼯程中包含的资源⽂件：RESOURCES+=painter.qrc
⼯程中包含的"ui"设计⽂件：FORMS+=widget.ui
配置信息：CONFIG+=c++11(使⽤c++11的特性) CONFIG⽤来告诉qmake关于应⽤程序的配置信息。

二、QT 实现Hello World程序

利用 Qt 创建一个Hello World 程序有两种方式。分别是图形化的方式和纯代码的方式。

（一）按钮控件

1. 纯代码

#include "mywidget.h"
#include "ui_mywidget.h"
#include <QPushButton> // 添加按钮对应的头文件

MyWidget::MyWidget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::MyWidget)
{
    ui->setupUi(this);

    // 在这里编写我们的代码

    // 创建一个按钮控件
    QPushButton *pushButton = new QPushButton;

    // 在这个按钮写一个Hello World
    pushButton->setText("Hello World!");

    // 将这个按钮控件添加在窗口上
    pushButton->setParent(this);
}

MyWidget::~MyWidget()
{
    delete ui;
}

效果图：

2. 图形化

将按钮控件拖至屏幕上，双击控件，输入 Hello World。效果图如下：

（二）标签控件

1. 纯代码

#include "mywidget.h"
#include "ui_mywidget.h"
#include <QLabel> // 引入标签控件的头文件
#include <QFont>  // 引入字体头文件

MyWidget::MyWidget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::MyWidget)
{
    ui->setupUi(this);

    // 创建一个标签控件
    QLabel *label = new QLabel;

    // 在这个标签写上Hello World
    label->setText("Hello World");

    // 创建一个字体对象
    // 将标签上的文字的字体设置成指定格式
    QFont font("黑体", 64);
    label->setFont(font);

    // 将标签这个控件放在窗口上
    // 并将这个控件移动到像素坐标为(150, 150)的地方
    label->move(150, 150);
    label->setParent(this);
}

MyWidget::~MyWidget()
{
    delete ui;
}

效果图如下：

2. 图形化

效果图如下：

三、内存泄漏问题

在这段代码中，在 new 了一个对象之后，却没有 delete ,会不会造成内存泄漏？
答案是在 Qt 中不会造成内存泄漏。此处通过 new 的方式创建对象，就是为了把该对象的生命周期交给 Qt 的对象树统一管理。代码中的 label 对象会在合适的时机被析构释放，这个合适的时机是指在窗口关闭的时候。

四、qdebug()的使用

qDebug() 的使用效果和 std::cout << std::endl 的效果一样，但是比后者好。
原因是 qDebug() 会自动处理编码方式，在 Qt 中如果用 cout 打印文字日志，可能会出现乱码，因为编码不同。

如在析构函数中加入打印语句：

Widget::~Widget()
{
    std::cout << "析构函数\n";
    delete ui;
}

运行后，然后关闭窗口，自动调用析构函数，查看应用程序输出，会看到乱码：

所以通常采用 qDebug() 的方式去打印日志：

#include <QDebug> // 包含这个头文件

Widget::~Widget()
{
    qDebug() << "析构函数";
    delete ui;
}

qDebug() 还有一个优点就是可以统一打开和关闭，就能方便程序员调试。
在 .pro 文件加入这条代码即可：

DEFINES += QT_NO_DEBUG_OUTPUT

需要清除然后重新构建才有效

五、Qt 中的对象树

在Qt中创建很多对象的时候会提供一个parent对象指针，这个parent到底是干什么的呢？

QObject是以对象树的形式组织起来的。

当创建一个QObject对象时，会看到QObject的构造函数接收⼀个QObject指针作为参数，这个参数就是parent，即父对象指针。
在创建QObject对象时，可以提供⼀个其父对象，创建的这个QObject对象会自动添加到其父对象的children()列表。
当父对象析构的时候，这个列表中的所有对象也会被析构。（注意：这里的父对象并不是继承意义上的父类！）。

这种机制在GUI程序设计中相当有用。如，一个按钮有一个QShortcut（快捷键）对象作为其子对象。当删除按钮的时候，这个快捷键理应被删除。这是合理的。

QWidget是能够在屏幕上显示的一切组件的父类。

QWidget继承自QObject，因此也继承了这种对象树关系。一个孩子自动地成为父组件的⼀个子组件。因此，它会显示在父组件的坐标系统中，被父组件的边界剪裁。如：当用户关闭⼀个对话框的时候，应用程序将其删除，我们希望属于这个对话框的按钮、图标等应该⼀起被删除。因为这些都是对话框的子组件。
我们也可以自己删除子对象，它们会自动从其父对象列表中删除。如：当删除了一个工具栏时，其所在的主窗口会自动将该工具栏从其子对象列表中删除，并且自动调整屏幕显示。

对象树机制一定程度上解决了内存问题。

当一个QObject对象在堆上创建的时候，Qt会同时为其创建一个对象树。不过对象树中对象的顺序是没有定义的，即销毁这些对象的顺序也是未定义的。
任何对象树中的QObject对象delete时，若这个对象有parent，则自动将其从parent的children()列表中删除；若有孩子，则自动delete每一个孩子。Qt保证没有QObject会被delete两次，这是由析构顺序决定的。

若QObject在栈上创建，Qt保持同样的行为。正常情况下也不会发生什么问题：

{
    QWidget window;
    QPushButton quit("Quit", &window);
}

作为父组件的window和作为子组件的quit都是QObject的子类。这段代码是正确的，quit的析构函数不会被调用两次，因为标准C++要求，局部对象的析构顺序应该按照其创建顺序的相反过程。因此，这段代码在超出作用域时，会先调用quit的析构函数，将其从父对象window的子对象列表中删除，然后才会再调用window的析构函数。

{
    QPushButton quit("Quit");
    QWidget window;
    quit.setParent(&window);
}

上述代码的析构顺序就有了问题。在上面的代码中，作为父对象的window会先被析构，因为它是最后一个创建的对象。在析构过程中，它会调用子对象列表中每一个对象的析构函数，即quit此时就被析构了。然后代码继续执行，在window析构之后，quit也会被析构，因为quit也是⼀个局部变量，在超出作用域的时候当然也需要析构。但是，这时候已经是第⼆次调用quit的析构函数了，C++不允许调用两次析构函数，因此，程序崩溃了：

自定义MyPushButton类观察释放过程

mypushbutton.h：

#ifndef MYPUSHBUTTON_H
#define MYPUSHBUTTON_H
 
#include <QPushButton>
#include <QDebug>
 
class MyPushButton : public QPushButton
{
    Q_OBJECT
public:
    explicit MyPushButton(QWidget *parent = nullptr);
    ~MyPushButton();//添加MyPushButton类的析构函数
 
signals:
 
};
 
#endif // MYPUSHBUTTON_H

mypushbutton.cpp：

#include "mypushbutton.h"
 
MyPushButton::MyPushButton(QWidget *parent) : QPushButton(parent)
{
    qDebug() << "我的按钮的构造函数被调用";
}
 
MyPushButton::~MyPushButton()
{
    qDebug() << "我的按钮的析构函数被调用";
}

widget.h：

#include "widget.h"
#include "ui_widget.h"
#include "mypushbutton.h"
 
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    MyPushButton* button = new MyPushButton(this);
    //传入this,将其设置到对象树中,当窗口关闭时就会自动调用其析构函数
    button->setText("我的按钮");
}
 
Widget::~Widget()
{
    qDebug() << "Widget的析构函数被调用";
    delete ui;
}

运行结果如下：

对象树确保的是先释放子节点的内存，后释放父节点的内存。而析构函数的调用顺序则不⼀定遵守上述要求，因此看到子节点的析构执行顺序反而在父节点析构顺序之后。

注意：调用析构函数和释放内存并非是同一件事情。

总结：

Qt的对象树机制虽然在⼀定程度上解决了内存问题，但是也引入了⼀些值得注意的事情。这些细节在今后的开发过程中很可能时不时跳出来烦扰一下，所以最好从开始就养成良好习惯。

注意：在Qt中，尽量在构造的时候就指定parent对象，并且大胆在堆上创建

六、使用其他方式创建一个 Hello World 程序（编辑框和按钮方式）

除了上面使用 label 标签的形式，还可以采用编辑框和按钮的方式。同样分为图形化界面方式和纯代码方式完成。

（一）编辑框

1. 图形化

如下图所示，编辑框分为单行编辑框和多行编辑框，这里选择单行编辑框即可。拖动到编辑界面，然后输入文字：

运行查看效果。编辑框的内容运行后可以自己修改：

2. 纯代码

纯代码方式和之前介绍过的大同小异。首先需要创建一个 QLineEdit 对象，然后设置文字：

效果图如下：

（二）按钮

1. 图形化

在 ui 界面找到 Push Button 然后拖动到图形化编辑界面输入文字：

运行查看效果，可以点击这个按钮：

这个按钮是可以点击的，但是点击了没有反应。如果想要点击了有反应，需要用到信号和槽机制，后面会讲。这里先简单说一下，本质就是给按钮的点击操作，关联一个处理函数，当用户点击的时候，就会执行这个处理函数。

这里需要用到 connect 函数：

第一个参数需要访问到 ui 文件中创建的控件，表示哪个控件发出的信号，在 Qt Designer 中创建一个控件的时候，此时就会给这个控件分配一个 objectName 属性，这个属性的值，要求在界面中是唯一的。qmake 在预处理.ui文件的时候，就会根据这里的 objectname 生成对应的C++代码。这个值可以在ui界面手动修改：

第二个参数表示发出了个什么信号，这里 clicked 表示点击，当用户点击按钮时就会发出该信号。
第三个参数表示谁来处理该信号，将第二个参数的信号能够关联到对应的槽函数上，在此之前需要确认关联到哪个对象的槽函数，填写 this ，关联到 widget 对象的槽函数。
第四个参数传一个具体的处理函数，这个函数需要我们自己去写处理方式。我们的处理方式是：点击一次按钮，文本在 Hello World！和Hello Qt! 之间来回切换。代码如下：

void Widget::handClick()
{
    if(ui->pushButton->text() == QString("Hello World!"))
    {
        ui->pushButton->setText("Hello Qt!");
    }
    else
    {
        ui->pushButton->setText("Hello World!");
    }
}

记得先在头文件声明该函数：

声明以后，快速生成函数定义快捷键：alt + 回车 会自动在 .cpp 文件帮我们处理好一些代码

运行效果如下：

点击一次按钮：

文本内容改变了，再点击一次

点击一次按钮就会在两个文本内容之间来回切换，成功实现我们想要的功能。

2. 纯代码

纯代码方式实现，首先需要先 new 一个 button 对象，为了能让其他成员函数能够访问该变量，需要将该对象定义为成员变量：

具体代码如下，功能如上面所述：

运行查看效果：

点击后：

再次点击：

实际开发以纯代码为主还是图形化界面为主？

这两者都很重要，难分主次。

如果当前程序界面，界面内容是比较固定的，此时就会以图形化界面的方式来构造界面。
如果当前界面，经常要动态变化，此时就会以代码的方式来构造界面。
这两种方式，哪种方便就用哪种，而且这两种方式可以配合使用。

七、关于 Qt 中的命名规范 / 快捷键 / 查询文档

命名规范

类名：首字母大写，单词和单词之间首字母大写，也就是大驼峰命名法。如：QPushButton
函数名：首字母小写，单词和单词之间首字母大写，也就是小驼峰命名法。如：setText

快捷键

注释：ctrl+ /
运行：ctrl+ R
编译：cttrl+ B
字体缩放：ctrl +鼠标滑轮
查找：ctrl + F
整行移动：ctrl+shift+ ↑/↓
帮助文档：F1
自动对齐：ctrl+ i;
同名之间的.h和.cpp的切换：F4
生成函数声明的对应定义：alt + enter

使用帮助文档
打开文档一共有三种方法

光标放到要查询的类名/方法名上，直接按F1
Qt Creator左侧边栏中直接用鼠标单击"帮助"按钮。
找到Qt Creator的安装路径，在"bin"文件夹下找到assistant.exe，双击打开。

八、Qt 窗口坐标系

坐标体系：以左上角为原点（0，0），X向右增加，Y向下增加

对于嵌套窗口，其坐标是相对于父窗口来说的：

比如图中 QPushButton 的父窗口就是 QWidget，原点就是QWidget 左上角。QWidget没有父元素，相当于父元素就是整个显示器，原点就是显示器左上角。

上面我们提到过，以纯代码的方式创建一个这样一个程序，按钮会默认在左上角，也就是原点（0，0）处，这里的位置是可以通过设置改变的：

#include <QPushButton>
 
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
 
    QPushButton* button = new QPushButton(this);
    button->setText("按钮"); // 如果不设置，默认位置就是父窗口的（0,0）坐标
    button->move(200, 300);
}

如果想要给控件设置位置就要使用 move() 方法：

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
 
    QPushButton* button = new QPushButton(this);
    button->setText("按钮"); // 如果不设置，默认位置就是父窗口的（0,0）坐标
    button->move(200, 300);
}

这里move的第一个参数就是X坐标，第二个参数就是Y坐标，而参数的单位就是像素，显示器本身就是一大堆可以发光的亮点：