QT向界面中嵌套新的界面

淡淡的烟草味﹌ 2023-06-02 08:30 37阅读 0赞

简单说下 想要实现的内容

我们有一个主窗口mainwindow,需要向其中放入新的界面，你可以自己定义里面内容。

大致的效果图如下

![1587522-20190929171648922-1510722638.png][]

实现起来就是利用QT的layout布局 使用水平布局QHboxlayout或QVboxLayout

第一步，先进入ui编辑界面，加入一个水平或者垂直的布局（根据自己选则，我用水平）充满整个mainwindow

![1587522-20190929155302646-1463004562.png][]

注意右边我更改了 QHBoxLayout的名称 为pHBoxLayout

然后运行一遍 ；（注意需要运行一遍 要不然类找不到pHBoxLayout 这个布局）

接着定义一个方法（向mainwindow增加窗口的方法） (mainwindow.cpp)

1 void MainWindow::putwidget(QWidget* widget)
    2 {
    3     ui->pHBoxLayout->addWidget(widget);
    4 }

新建一个class文件 定义为myWidget名称 inherent QObject和QWidget

在类名myWidget后面增加 :public QWidget

![1587522-20190929160229653-1379352348.png][]

在myWidget中增加该窗口的背景色 区分其他区域

1 myWidget::myWidget()
    2 {
    3     this->setAttribute(Qt::WA_StyledBackground,true);
    4     this->setStyleSheet("background-color: rgb(255,255, 255)");
    5 }

在main函数中添加（main.cpp）

myWidget *widget=new myWidget();
    w.putwidget(widget);

编译运行一下

得到如下结果

![1587522-20190929160357664-821460334.png][]

后面的工作比较重复 就是慢慢增加左右布局，再将布局添加控件

注意两点：

新建一个layout布局时需要指定父类在括号中 leftWidget为需要定义布局的控件

1 QVBoxLayout *PHVBoxLayout=new QVBoxLayout(leftWidget);

定义这个控件时，需要定义指针形式

mywidget文件的代码为

#include "myWidget.h"
    #include <QHBoxLayout>
    #include <QVBoxLayout>
    
    myWidget::myWidget()
    {
        this->setAttribute(Qt::WA_StyledBackground,true);
        this->setStyleSheet("background-color: rgb(255,255, 255)");
        QWidget *leftWidget=new QWidget();
        leftWidget->setStyleSheet("background-color: rgb(255,100, 255)");
        QWidget *rightWidget=new QWidget();
        rightWidget->setStyleSheet("background-color: rgb(255,255, 100)");
        QHBoxLayout *PHBoxLayout=new QHBoxLayout(this);
        PHBoxLayout->addWidget(leftWidget);
        PHBoxLayout->addWidget(rightWidget);
    
        QWidget *lefttopWidget=new QWidget();
        lefttopWidget->setStyleSheet("background-color: rgb(100,255, 100)");
        QWidget *leftdownWidget=new QWidget();
        leftdownWidget->setStyleSheet("background-color: rgb(255,100, 100)");
        QVBoxLayout *PHVBoxLayout=new QVBoxLayout(leftWidget);
        PHVBoxLayout->addWidget(lefttopWidget);
        PHVBoxLayout->addWidget(leftdownWidget);
    
        QWidget *rightleftWidget=new QWidget();
        rightleftWidget->setStyleSheet("background-color: rgb(100,100, 100)");
        QWidget *rightrightWidget=new QWidget();
        rightrightWidget->setStyleSheet("background-color: rgb(155,100, 30)");
        QHBoxLayout *PHHBoxLayout=new QHBoxLayout(rightWidget);
        PHHBoxLayout->addWidget(rightleftWidget);
        PHHBoxLayout->addWidget(rightrightWidget);
    }

![1587522-20190929172326820-152363897.png][]

最后代码如下 就几kb

链接：https://pan.baidu.com/s/1XenhRn2-qnuHzz\_vo2BfHg  
提取码：88y3  
复制这段内容后打开百度网盘手机App，操作更方便哦

转载于:https://www.cnblogs.com/bob-jianfeng/p/11609012.html

[1587522-20190929171648922-1510722638.png]: /images/20230601/8a1154cffbe241c8bb8f622ed7b932fa.png
[1587522-20190929155302646-1463004562.png]: /images/20230601/696b19ba249e41e1befa6c37edd8ea74.png
[1587522-20190929160229653-1379352348.png]: /images/20230601/6552959f3f68436c9f9e15bb7e89fdb3.png
[1587522-20190929160357664-821460334.png]: /images/20230601/81b67dec077d4dfa9d67d2991b3570c1.png
[1587522-20190929172326820-152363897.png]: /images/20230601/d989203f26b640e8888caee347267a42.png