Tip17 验证Qt中一个布局是否可以在多个Widget中切换问题

问题描述

项目中需要动态的将某个布局从一个QWidget切换到另一个QWidget,所以写个Demo验证下这问题,结论是可以的!

验证思路

  1. 在主布局中加入一个绿色Widget和一个黄色Widget
  2. 绿色Widget中编写一个垂直布局,布局放入两个按钮;
  3. 点击切换按钮,将绿色Widget中的垂直布局给到黄色WIdget中;
  4. 观察布局是否能够成功切换;

验证结果

在这里插入图片描述
点击切换按钮后,成功将绿色Widget中的按钮布局被切换到黄色Widget中;
在这里插入图片描述

验证代码

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QVBoxLayout>
#include <QHBoxLayout>
#include <QPushButton>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

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


private:
    Ui::Widget *ui;
    QPushButton* m_btn1;
    QPushButton* m_btn2;
    QPushButton* m_btn3;
    QWidget* m_widget1;
    QWidget* m_widget2;
    QHBoxLayout* m_hboxLayout;
    QVBoxLayout* m_vboxLayout;
    QVBoxLayout* m_vMainBoxLayout;

};
#endif // WIDGET_H

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    m_vboxLayout = new QVBoxLayout(this);
    m_btn1 = new QPushButton(this);
    m_btn1->setText(u8"按钮1");
    m_btn2 = new QPushButton(this);
    m_btn2->setText(u8"按钮2");
    m_vboxLayout->addWidget(m_btn1);
    m_vboxLayout->addWidget(m_btn2);

    m_hboxLayout = new QHBoxLayout(this);
    m_widget1 = new QWidget(this);
    m_widget1->setFixedSize(width()/2,height()-30);
    m_widget1->setStyleSheet("background-color:green;");
    m_widget1->setLayout(m_vboxLayout);
    m_widget2 = new QWidget(this);
    m_widget2->setFixedSize(width()/2,height()-30);
    m_widget2->setStyleSheet("background-color:yellow;");
    m_hboxLayout->addWidget(m_widget1);
    m_hboxLayout->addWidget(m_widget2);

    m_vMainBoxLayout = new QVBoxLayout(this);
    m_btn3 = new QPushButton(this);
    m_btn3->setText(u8"切换");
    m_vMainBoxLayout->addItem(m_hboxLayout);
    m_vMainBoxLayout->addWidget(m_btn3);
    setLayout(m_vMainBoxLayout);

    m_btn3->setCheckable(true);
    connect(m_btn3,&QPushButton::toggled,[this](bool isChecked){
        if(isChecked)
        {
            m_widget2->setLayout(m_vboxLayout);
        }else
        {
            m_widget1->setLayout(m_vboxLayout);
        }
    });
}

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


发然发现有两篇类似文章写的比较好,链接放在这里吧
https://blog.csdn.net/GoForwardToStep/article/details/123530760
https://blog.csdn.net/GoForwardToStep/article/details/123550440?spm=1001.2014.3001.5502

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值