目录

Qt入门第一个应用程序

main.cpp

widget.h

widget.cpp

widget.ui

.pro

Hello World程序

对象树

编辑框

按钮

 Qt 窗口坐标系

---

Qt入门第一个应用程序

main.cpp

        这就像一开始学语言时都会打印一个“Hello World”一样，我们先来看看创建好一个项目后，运行出来是什么样的。

        运行后就出现了一个简单的对话框，可以执行缩小、全屏、关闭等操作，这就不再是原来的黑框了，通过我们的不断学习就可以让这个对话框丰富起来。

        现在我们就来看一下这个代码都做了什么：

• 首先就是main函数，有它的两个命令行参数：argc和argv。
• 下面就是QApplication实例化的对象，并把命令行参数传入，编写Qt图形化界面程序一定要有这个对象。
• 下面还有一个Widget对象，这是在创建项目时选择的类名，并调用show方法，意思就是让控件显示出来，相对的还有一个hide方法，意思就是让控件隐藏。

• 最后就是返回了exec方法，表示让程序执行起来，但是这并不同于Linux的进程替换函数，这两个没有任何关系。

widget.h

        在项目中还有很多文件，不要着急，我们一个一个说。

        这个文件中放的就是widget类的声明。

• 一开始的条件编译保证头文件只包含一次，但是更推荐使用#pragma once，这里就使用自动生成的就可以了。
• 下面首先声明了命名空间Ui，我们创建项目时就定义的Widget类名，widget头文件和源文件。
• 原来我们没有怎么见过继承，这里我们就见到了，我们的Widget类就继承了QWidget父类，这个类是Qt SDK内置的，要想使用就要包含QWidget头文件。
• Q_OBJECT宏，这个宏是Qt内置的，展开后是大量的代码，这是因为Qt中还有一个核心机制就是“信号 和 槽”，等我们后面说到的时候再谈，要想使用就要引入这个宏。
• 构造函数中的参数：QWidget *parent = nullptr，的这也是Qt中的一个机制，叫做“对象树”，创建的Qt对象要挂到这个树上，要指明父节点，这也是后面再说。

widget.cpp

        这个文件中就是widget类中方法的实现。

• 构造函数中还是和下面的文件有关系的，这到下面的时候再详细说，总之ui要把form file生成的界面和widget关联起来。
• 析构函数就delete就可以了。

widget.ui

        在项目目录中有个Forms文件夹中有这个widget.ui文件，双击就会进入这个Qt Designer界面，这是一个图形化的界面编辑器，左边栏是Qt内置的控件，通过拖拽的方式就可以创建出具体的界面，右边是控件的属性，会影响控件具体的行为。

        此时返回编辑就可以看到这个文件中写的是什么。

        这个文件的格式就是xml格式，和html类似，都是使用成对的标签来表示数据，这些标签就是开发出Qt的程序员决定的，这就类似于网络中的自定义的应用层协议。

        这个文件就是Qt中描述程序界面的一个文件，之后qmake会调用相关的工具，根据这个xml文件生成对应的C++代码。

.pro

        这个文件就是Qt项目的工程文件，也是qmake工具构建时的重要依据。

• 首先就是引入的Qt模块，这里只有core和gui。
• CONFIG就是让编译器按照什么标准编译。
• 关键的就是SOURCES、HEADS和FORMS，这些描述了当前项目中参与构建的文件。
• qmake与.pro文件的作用就类似于makefile，只是Qt Creator把细节封装好了。

        当我们打开这个项目的目录时会发现除了项目目录， 还有一个build目录，这个目录名字也比较长，进入这个文件就会看到这些文件。

• 这里有一个Makefile文件，这就是qmake自动自动生成的。
• 还有一个ui_widget.h文件，这个文件就是widget.cpp文件中引入的头文件，这个文件就是.ui文件中xml生成的.h文件

• 这就是widget.h文件中Widget类的成员变量的类型，这个变量的类型是Ui命名空间中继承了Ui_Widget类的一个类，虽然名字是一样的，但是不要弄混。
• 在构造函数中也调用了这个类中的setupUi方法。

---

Hello World程序

        没错，每学习一个新的语言我们都要写一个Hello World程序，实现的方式有两种：

1. 通过图形化界面的方式，在界面上创建出一个控件来显示。
2. 通过纯代码的方式，在界面上创建出一个控件来显示。

        我们先来使用第一种图形化界面的方式，当我们点击.ui文件时就会跳转到Qt Designer界面，左边的控件栏乡下就有一栏Display Widgets，这就是显示的控件。

        通过拖拽这个Label控件添加到界面中，双击编写文本，之后右侧通过树形结构显示出当前界面中都有哪些控件。

        在.ui中的xml文件中就会多出这段代码。

        当qmake编译项目的时候就会就这个内容生成一段C++代码，这段代码就在ui_widget.h文件中。

        通过这个代码就可以构建出界面内容，运行后就可以看到Hello World。

 

        之后我们再来使用第二种纯代码的方式，使用纯代码就要在Widget的构造函数中写。

        我们想要添加label标签，就是一个显示字符串的空间，在Qt中每一个控件都有对应的头文件。并且更推荐在堆上创建，在构造时，因为有对象树，所以可以给label对象传入一个父节点，而这个this就是main函数中创建的Widget对象。

        下面就是编写label中的字符串，在Qt中支持两套string，分别是Qt自己开发的QString和C++标准的std::string，但是Qt中的原生API使用的都是QString，所以我们使用QString就可以了，而且QString和std::string之间的转换也是很方便的。

        这里我们写成了C风格的字符串也是可以的，它也会隐式类型转换成QString对象，运行后就可以看到了，只不过这里默认放到了左上角。

【注意】：这里使用new之后，要不要delete呢，我们都知道内存泄漏这种问题是很严重的，而且还不容易发现，那为什么没有写delete呢，那我们下面就来说一下。

对象树

        其实即使不写delete也不会造成内存泄漏，因为label对象会在合适的时候被析构，之所以能被释放就是因为对象被挂到了对象树上。

• 当创建⼀个QObject对象时，其构造函数接收⼀个QObject指针作为参数，这个参数就是 parent，也就是⽗对象指针。
• 意思就是可以提供⼀个其⽗对象，我们创建的这个QObject对象会⾃动添加到其⽗对象的children()列表。
• 当⽗对象析构的时候，这个列表中的所有对象也会被析构。
• 要注意的是，这⾥的⽗对象并不是继承意义上的⽗类。

• 这样就可以通过树形结构把界面上要显示的控件对象组织起来，这就可以在合适的时机把这些对象统一释放，也就是在窗口关闭或销毁的时候。
• 如果提前释放了某个对象，那就不会在界面上显示出来了。
• 通过new的方式把对象的生命周期交给Qt的对象树统一管理，如果放在栈上就可能会提前释放。

        下面我们就可以自己手写一个label。

1.  在创建项目的时候选择创建C++类，我们的这个类是要继承QLabel的，所以也要包含QLabel头文件。

   

   

2. 构造函数也要添加参数，和Widget类一样，要添加QWidget* parent。

3. 源文件中定义构造函数，传入parent指针，将QLabel的对象添加到QWidget对象树中。

4. 通过自定义析构函数来打印日志。

5. 使用自定义的mylabel代替原有的QLabel，通过继承的方式给对象扩展析构函数的功能。

6. 运行程序，发现界面中有文本，但是应用程序输出中没有我们要打印的内容。

7. 通过日志显示出内容，说明析构函数执行了，虽然没有手动delete，但是把mylabel对象挂到了对象树中，窗口销毁后自动调用析构函数销毁对象树中的对象。【注意】：这是虽然打印了，但是有乱码问题，这是因为汉字在不同的编码中是不同的，GBK占2字节，常用汉字UTF-8占3字节，所以具体要看使用的字符集。要解决这个问题就要让源文件和编译器的编码方式相同。

        使用QString也可以帮助我们自动处理编码。出现乱码还有一个原因就是使用了cout。其实Qt中提供了一个专门QDebug()工具，这就可以完成打印日志的工作，不需要我们自己在更改了。

        QDebug是Qt中的类，但是不会直接使用这个类，使用的是qDebug()这个宏，这个宏中就封装了QDebug对象，使用就类型与cout，也是重载了左移运算符（<<），最后也不用写endl。

        而且输出日志是在开发阶段中调试才需要的，并不想让用户看到，所以可以在代码中添加一个“开关”,这里就说明一种方法，就是在.pro文件中添加一行DEFINES += QT_NO_WARNING_OUTPUT\ QT_NO_DEBUG_OUTPUT。

        所以在工程中不管是使用调试还是打印日志都可以处理bug，灵活选择就可以了。

编辑框

        想要完成Hello World程序，不止可以使用QLabel这样的控件，还可以通过使用编辑框来实现，编辑框又分为：

• 单行编辑框 QLineEdit
• 多行编辑框 QTextEdit

        在Qt Designer界面中左边的控件栏中有一栏Input Widgets，这一栏中就有Line Edit和Text Edit。

        我们可以通过拖拽的方式将Line Edit控件添加到界面中，之后可以在右边的属性栏中text栏显示的就是Hello World，也可以在这里双击进行修改。

        运行后就可以看到有一个编辑框，并且可以修改里面的内容。

        既然通过图形化界面拖拽的方式可以实现，那么也可以使用纯代码的方式实现。代码还是写在Widget.cpp中的构造函数里，方法与label的操作是差不多的。

按钮

        按钮这种方式也是可以实现Hello World程序的，还是在Qt Designer界面有一个Button栏，其中的Push Button就是一个普通按钮。

        通过拖拽和编辑也可以显示出Hello World，运行后就可以看到。

        这是个按钮，那就可以选中并点击，如果点击了会发现没有任何变化，这是因为没有点击的后续操作，这就要说到Qt中一种重要的机制就是信号槽机制，本质就是给按钮的点击操作关联上一个处理函数，当我们点击的时候就执行这个处理函数。这里先简单说一下，后续会详细说明的。

        我们需要通过一个connect()函数来完成这个动作，这个函数和网络中的客户端建立连接的函数名是一样的，但是不要弄混。Qt中的connect是QObject这个类提供的静态函数，作用就是连接信号和槽。

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

参数：

• sender：谁发出的信号
• signal：发出的什么信号
• receiver：谁来接收信号
• method：处理函数

• 传入函数的第一个参数是ui->pushButton，也就是访问form file（.ui）文件中的控件，Qt Designer创建一个控件就会给这个控件分配一个objectName属性，这个属性值要求是唯一的，这里又添加了一个，这个值也不会一样，而且可以手动修改。
• 当qmake在执行.ui文件时就会根据objectName生成对应的C++代码（也就是ui_widget.h），所以第一个参数就是ui界面中objectName为pushButton这个空间要发出信号。
• clicked就是点击按钮的时候会自动触发这个信号。

        接下来就是写这个处理函数，简单实现了一下。

        这里可能会有些疑问，界面中有一个Push Button控件，所以可以使用ui->pushButton这样的方式，但是&QPushButton::clicked，为什么可以这样写呢？

        那是因为在界面中添加一个Push Button，在ui_widget.h文件中，qmake根据form file中的.ui文件生成这段代码，其中就会包含一个QPushButton对象，对象的名字就是objectName。

 

        下面我们就看看纯代码是怎么实现，想要有个Push Button控件，那就要有一个对象，但是我们还想要实现点击按钮就交换，如果继续在构造函数中创建对象，handleClick函数就拿不到QPushButton对象，所以可以把这个对象添加到Widget类的成员变量中。

        结果也是没有问题的。

       

        这两种方法的实现大同小异，区别就是：

• 通过Qt Disigner创建按钮会更改form file下的.ui文件，xml文件生成ui_widget.h文件，文件中的Ui::Widget类里会自动包含QPushButton对象，这就不需要自己new对象了，这个对象会通过ui成员变量调用。
• 纯代码就可以自己new对象，为保证其他成员函数能够访问这个变量还要添加到类中。

        所以这两种方式哪种更好用呢？

• 如果当前程序界面内容比较固定，就会以图形化的方式来构造。
• 如果当前程序界面内容要动态变化，就会以纯代码的方式来构造。
• 所以这两种方式要配合使用。

---

 Qt 窗口坐标系

        Qt中的坐标体系是以Qt窗口的左上角为原点（0,0），X向右增加，Y向下增加。

        给Qt的某个控件设置位置就需要指定坐标，对于这个控件来说。坐标系原点就是相对于父窗口或父控件的，QWidget的父窗口就是显示器屏幕，QPushButton就只能在他的父控件也就是QWidget内部创建。

#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坐标，而参数的单位就是像素，显示器本身就是一大堆可以发光的亮点。

        电脑屏幕设置中的分辨率：在水平方向上有1920个像素，垂直方向上有1080个像素，显示器像素越大，画面越好。