Qt 最基本的控件布局展示 及 控件显示

/*第一次使用纯代码来实现Qt,给自己留个纪念*/

构建环境为:Qt5.15.2(MVSC)、VS2019、CMake、Clion2022(社区版)


成品展示:


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设计师拓展性更强,但作为程序员必须两种都要会用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值