/*第一次使用纯代码来实现Qt,给自己留个纪念*/
构建环境为:Qt5.15.2(MVSC)、VS2019、CMake、Clion2022(社区版)
成品展示:
![](https://i-blog.csdnimg.cn/blog_migrate/b1ac26d80d508f5ca6c0809cfef89034.jpeg)
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 //Qt中用来使用信号槽机制的宏
public:
MainWindow(QWidget *parent = nullptr);
~MainWindow();
private:
Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H
mainWindow.cpp
#include "mainwindow.h"
#include "./ui_mainwindow.h"
#include <QVBoxLayout>
#include <QHBoxLayout>
#include <QPlainTextEdit>
#include <QPushButton>
MainWindow::MainWindow(QWidget *parent)
: QMainWindow(parent)
, ui(new Ui::MainWindow)
{
ui->setupUi(this);
QHBoxLayout* qhBoxLayout=new QHBoxLayout;
QVBoxLayout* qvBoxLayout=new QVBoxLayout;
QHBoxLayout* qhBoxLayout1=new QHBoxLayout;
QWidget* widget=new QWidget;
QWidget* container_widget=new QWidget;
QWidget* mainWidget = new QWidget();
QPushButton* Btn1=new QPushButton("Btn1");
QPushButton* Btn2=new QPushButton("Btn2");
QPushButton* Btn3=new QPushButton("Btn3");
QPlainTextEdit* TextEdit=new QPlainTextEdit;
qvBoxLayout->addWidget(Btn1);
qvBoxLayout->addWidget(Btn2);
qvBoxLayout->addWidget(Btn3);
container_widget->setLayout(qvBoxLayout);
widget->setLayout(qhBoxLayout1);
qhBoxLayout1->addWidget(TextEdit);
qhBoxLayout->addWidget(container_widget);
qhBoxLayout->addWidget(widget);
this->setCentralWidget(mainWidget);//这步非常重要,没有这步无法显示,原因在后面解释
mainWidget->setLayout(qhBoxLayout);
}
MainWindow::~MainWindow()
{
delete ui;
}
因为MainWindow不属于QWidget,所以需要在MainWindow下添加一个setCentralWidget作为其他Widget控件的母容器,这样才能显示出来。
ui_MainWindow.h这个文件下的代码是由Qt设计师自动生成的,不能做出修改,如果你在里面进行了修改,那么在下一次编译就会变回原来的代码。
ui的意义:ui就是代码与可视化控件之间的解耦从而诞生的产物,其中ui由Qt设计师接管设计,Qt设计师是可以由程序员自主设置可视化控件的工具,避免全部控件由代码生成,这样做的意义在于减少程序员的工作量(提高效率)。
解耦的意义:在代码与可视化控件之间解开一一对应的束缚,在其中加入中间件,这个中间件其实就是Qt设计师所带来的ui,这个中间件可以由我们自由修改,增加了程序设计的灵活性。
纯代码在某些方面比Qt设计师拓展性更强,但作为程序员必须两种都要会用。