QT Creator使用2：UI原理

1 新建项目

新建项目的时候与Qt Creator使用（上）一致，只有在Details那一步有所区别，需要勾选“Generate from”，UI文件名选择默认就行
在这里插入图片描述
新项目的结构如下：

2 UI设计界面的底层逻辑

（1）各个文件相较于不用UI时的变化

工程文件与没有UI的项目比起来，多了下面这些东西，这里只需要记住FROMS += mainwindow.ui就行
在这里插入图片描述
mainwindow.h文件中多了两样东西：

这两样东西解释如下：
一是名称为 Ui 的命名空间（namespace），包含一个类MainWindow，但是这个类并不是本文件里定义的类MainWindow，而是 ui_mainwindow.h 文件（这个文件需要编译链接之后才能生成）里定义的类，用于描述界面组件的，这个声明相当于一个外部类型声明（具体要看完 ui_mainwindow.h 文件内的解释之后才能搞明白，这个文件稍后会讲）；

二是名为 ui 的指针，这个指针是用前面声明的 namespace Ui 里的 MainWindow 类定义的，所以指针 ui 是指向可视化设计的界面，后面会看到要访问界面上的组件，都需要通过这个指针 ui。

mainwindow.cpp文件
在这里插入图片描述
构造函数中，通过初始化列表完成了指针ui的初始化，ui->setupUi(this)是关联ui文件到程序界面，另外，通过include将头文件ui_mainwindow.h给包含了进来，这个文件暂时还没生成。

main.cpp和不用UI的时候没差
在这里插入图片描述
双击“mainwindow.ui”，然后就会显示如下界面

这是可视化设计界面，能大大方便QT设计

（2）ui_mainwindow.h介绍

点击左下方的运行或者构建按钮，就可以生成名为ui_mainwindow.h的文件，这个文件通过编译mainwindow.ui文件后生成。
打开项目所在的路径，下面截图中1是项目编译后得到的文件夹，2是项目路径，打开1
在这里插入图片描述
这里就能看到刚刚说的ui_mainwindow.h文件

其内容如下：

/********************************************************************************
** Form generated from reading UI file 'mainwindow.ui'
**
** Created by: Qt User Interface Compiler version 5.14.2
**
** WARNING! All changes made in this file will be lost when recompiling UI file!
********************************************************************************/

#ifndef UI_MAINWINDOW_H
#define UI_MAINWINDOW_H

#include <QtCore/QVariant>
#include <QtWidgets/QApplication>
#include <QtWidgets/QMainWindow>
#include <QtWidgets/QMenuBar>
#include <QtWidgets/QStatusBar>
#include <QtWidgets/QWidget>

QT_BEGIN_NAMESPACE

class Ui_MainWindow
{
    
    
public:
    QWidget *centralwidget;
    QMenuBar *menubar;
    QStatusBar *statusbar;

    void setupUi(QMainWindow *MainWindow)
    {
    
    
        if (MainWindow->objectName().isEmpty())
            MainWindow->setObjectName(QString::fromUtf8("MainWindow"));
        MainWindow->resize(800, 600);
        centralwidget = new QWidget(MainWindow);
        centralwidget->setObjectName(QString::fromUtf8("centralwidget"));
        MainWindow->setCentralWidget(centralwidget);
        menubar = new QMenuBar(MainWindow);
        menubar->setObjectName(QString::fromUtf8("menubar"));
        MainWindow->setMenuBar(menubar);
        statusbar = new QStatusBar(MainWindow);
        statusbar->setObjectName(QString::fromUtf8("statusbar"));
        MainWindow->setStatusBar(statusbar);

        retranslateUi(MainWindow);

        QMetaObject::connectSlotsByName(MainWindow);
    } // setupUi

    void retranslateUi(QMainWindow *MainWindow)
    {
    
    
        MainWindow->setWindowTitle(QCoreApplication::translate("MainWindow", "MainWindow", nullptr));
    } // retranslateUi

};

namespace Ui {
    
    
    class MainWindow: public Ui_MainWindow {
    
    };
} // namespace Ui

QT_END_NAMESPACE

#endif // UI_MAINWINDOW_H

对比Ui_MainWindow类的成员变量和UI设计界面右上角的对象树，可以发现成员变量就是对象树中的一级对象。
在这里插入图片描述

这个文件定义了一个名为Ui_MainWindow的类，该类做了以下几项工作：
1 封装了界面的各个组件；
2 定义了setupUI函数，该函数进行了各个组件的设置，并通过QMetaObject::connectSlotsByName(MainWindow);设置信号与槽的关联；
3 定义了retranslateUi函数，该函数用来设置界面各组件的文字内容属性，了解即可，不重要。

ui_mainwindow.h中还定义名称空间Ui，在该空间中定义了一个名为MainWindow的类，该类继承了Ui_MainWindow

（3）关于ui指针的总结

现在我们重新看mainwindow.h和mainwindow.cpp这两个文件，就能更清晰了

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

QT_BEGIN_NAMESPACE
namespace Ui {
    
     class MainWindow; }	
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    
    
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private:
    Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"

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

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

总结：
ui_mainwindow.h文件有一个名为Ui的名称空间，内部定义了一个名为MainWindow的类；
mainwindow.h中也有一个名为Ui的名称空间，该空间声明了一个外部类（Ui::MainWindow）；
在mainwindow.cpp中，将mainwindow.h和ui_mainwindow.h导入了进来，因此两个头文件中有相同的名称空间，编译器会去合并两块，即通过多个文件实现同一个 namespace，一个声明，一个定义；

ui_mainwindow.h通过编译ui文件产生，这个文件定义了一个类，该类封装了界面的各个组件，并进行了相关设置，在文件mainwindow.cpp中将this指针作为setupUi函数的参数，建立了顶层窗口与各个组件之间的父子关系（对象树）。

3 mainwindow.cpp中通过ui指针修改控件

某些功能无法通过UI设计完成，还得通过代码才能实现，例如在状态栏添加信息：

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QLabel>

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

    //往状态栏添加信息
    ui->statusBar->addWidget(new QLabel("左侧信息",this));
}

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

这里通过ui->statusBar->addWidget增加了一个QLabel对象，需要将其include进来，并且这个对象在创建的时候，需要和顶层窗口建立父子关系。
这里之所以使用ui指针设置，而不是直接new一个对象，是因为在ui_mainwindow.h中的Ui::MainWindow类中存在成员变量statusbar（QStatusBar *statusbar），并在setupUi函数中完成了初始化，这里仅仅是修改而已。