关闭

QT Layout中增删widget与切换界面

标签: qtwidgetLayout
283人阅读 评论(0) 收藏 举报
分类:

背景:以QGroupBox为father widget,用VBoxLayout的布局排版多个checkBox。接下来解决三个问题:
(1)在VBoxLayout中增添checkBox并显示
(2)从VBoxLayout中删除checkBox
(3)切换groupBox中的界面

在QGroupBox中以VBoxLayout添加子widget (checkBox)

失败的案例:


这里写图片描述

code:

    ui->setupUi(this);
    QVBoxLayout layout;

    QCheckBox box1("box1");
    QCheckBox box2("box2");
    QCheckBox box3("box3");

    layout.addStretch(1);
    layout.addWidget(&box1);
    layout.addStretch(1);
    layout.addWidget(&box2);
    layout.addStretch(1);
    layout.addWidget(&box3);
    layout.addStretch(1);

    wui->groupBox->setLayout(&layout);

关键点:
(1)需要在groupBox中加上一个father widget: widget
(2)设置widget的几何形状和groupBox保持一致,需注意的是widget设置geometry的时候QRect是相对于groupBox而言的。
(3)在widget中以VBoxLayout的方式添加子widget: checkBox ,且要注明checkBox的father widget是widget。
(4)最后要将widget show出来。

    ui->setupUi(this);
    QVBoxLayout layout;
    QWidget *widget = new QWidget(ui->groupBox);
    QRect rect = ui->groupBox->geometry();
    rect.setX(0);   // X and Y is related to parent widget
    rect.setY(0);

    widget->setGeometry(rect);
    widget->setWindowTitle("hello");

    QCheckBox *box1 = new QCheckBox("box1",widget);     //set box's father is widget
    QCheckBox *box2 = new QCheckBox("box2",widget);
    QCheckBox *box3 = new QCheckBox("box3",widget);

    layout.addStretch(1);
    layout.addWidget(box1);     // addStrech means allocate extra space base on factor param
    layout.addStretch(2);
    layout.addWidget(box2);
    layout.addStretch(2);
    layout.addWidget(box3);
    layout.addStretch(2);

    widget->setLayout(&layout);
    widget->show(); // show means update layout


这里写图片描述

checkBox和groupBox的父子关系决定了check能否显示出来,Layout则规定了checbBox显示布局。

从VBoxLayout中删除子widget(checkBox)

在QLayout中有这样一个方法:void QLayout::removeWidget(QWidget * widget)
不过,这只能确保子widget和Layout没有了关系,子widget和父widget还存在关系。所以单纯使用removeWidget不能删除父widget中的子widget,哪怕将Layout删除也不行。如果要删除子widget,必须将子widget从layout和父widget都删除才行。

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

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
   // ...
}
MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::on_pushButton_clicked(bool checked)
{
    if(checked){
        layout->removeWidget(box1);
        layout->removeWidget(box2);
        layout->removeWidget(box3);
        delete layout;
        layout = NULL;
        delete box1;
        delete box2;
        delete box3;
    }
    else {
        layout = new QVBoxLayout();
        box1 = new QCheckBox("box1",widget);    //set box's father is widget
        box2 = new QCheckBox("box2",widget);
        box3 = new QCheckBox("box3",widget);

        layout->addStretch(1);
        layout->addWidget(box1);    // addStrech means allocate extra space base on factor param
        layout->addStretch(2);
        layout->addWidget(box2);
        layout->addStretch(2);
        layout->addWidget(box3);
        layout->addStretch(2);
        widget->setLayout(layout);
    }
}


这里写图片描述

切换groupBox中的界面

还是以上面的例子做说明,假设点击button切换两个checkBox列表,我想保存checkBox的勾选状态并再次显示出来,这应该怎么做呢?
可以做两个父widget,将checkBox放进不同的widget中。再在button的click(bool)事件中通过hide(),show()切换这两个页面。

.h文件

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QCheckBox>
#include <QVBoxLayout>
#include <QCheckBox>
#include <QWidget>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT
    QWidget *widget;
    QWidget *widget2;
    QCheckBox *box1;
    QCheckBox *box2;
    QCheckBox *box3;

    QCheckBox *box2_1;
    QCheckBox *box2_2;
    QCheckBox *box2_3;

    QVBoxLayout *layout;
    QVBoxLayout *layout2;

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();
    void widget1_init();
    void widget2_init();
private slots:
    void on_pushButton_clicked(bool checked);

private:
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H

cpp文件:

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

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    layout = new QVBoxLayout();
    layout2 = new QVBoxLayout();
    widget1_init();
    widget2_init();

    ui->pushButton->setCheckable(true);
}
MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::widget1_init()
{
    widget = new QWidget();

    QRect rect = ui->groupBox->geometry();
    rect.setX(0);  // X and Y is related to parent widget
    rect.setY(0);

    widget->setGeometry(rect);

    box1 = new QCheckBox("box1",widget);    //set box's father is widget
    box2 = new QCheckBox("box2",widget);
    box3 = new QCheckBox("box3",widget);

    layout->addStretch(1);
    layout->addWidget(box1);    // addStrech means allocate extra space base on factor param
    layout->addStretch(2);
    layout->addWidget(box2);
    layout->addStretch(2);
    layout->addWidget(box3);
    layout->addStretch(2);

    widget->setLayout(layout);
}

void MainWindow::widget2_init()
{
    widget2 = new QWidget();

    QRect rect = ui->groupBox->geometry();
    rect.setX(0);  // X and Y is related to parent widget2
    rect.setY(0);

    widget2->setGeometry(rect);

    box2_1 = new QCheckBox("box2_1",widget2);    //set box's father is widget2
    box2_2 = new QCheckBox("box2_2",widget2);
    box2_3 = new QCheckBox("box2_3",widget2);

    layout2->addStretch(1);
    layout2->addWidget(box2_1);    // addStrech means allocate extra space base on factor param
    layout2->addStretch(2);
    layout2->addWidget(box2_2);
    layout2->addStretch(2);
    layout2->addWidget(box2_3);
    layout2->addStretch(2);

    widget2->setLayout(layout2);
}

void MainWindow::on_pushButton_clicked(bool checked)
{
    if(checked){
        widget->setParent(ui->groupBox);
        widget->show();
        widget2->hide();

        ui->groupBox->setTitle("widget");
    }
    else {
        widget->hide();
        widget2->setParent(ui->groupBox);
        widget2->show();

        ui->groupBox->setTitle("widget2");
    }
}


这里写图片描述

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

Qt中的动态布局(Dynamic Layout)

Qt中的动态布局 Dynamic Layout 一、QGroupBox组合框中添加控件 二、动态布局
  • u011125673
  • u011125673
  • 2016-07-25 16:42
  • 2878

Qt布局管理: 堆栈窗体QStackedWidget类(纯代码实现)

堆栈窗体QStackedWidget类是经常在应用程序中用到的,在实际应用中,堆栈窗体多与列表框QlistWidget和下拉列表框QCombobox配合使用。
  • rl529014
  • rl529014
  • 2016-05-26 13:49
  • 2580

Qt分页布局与切分窗口的实现

一、如何实现分页展示? QStackedLayout类可对窗口实现分页展示,每次只显示一个布局,将其他页的布局隐藏。为方便,Qt提供一个内置QStackedLayout的便利类:QStackedWid...
  • hechao3225
  • hechao3225
  • 2016-11-04 15:54
  • 2521

Qt界面 获取widget位置大小并与其他widget切换位置大小

  • 2017-07-28 10:40
  • 5KB
  • 下载

Qt 自定义界面(窗体缩放-跨平台终极版) 无边框 frameless helper widget

  • 2017-11-15 15:20
  • 11KB
  • 下载

Qt 多页面切换stacked widget控件

Qt 多页面切换stacked widget控件 stacked widget 支持多页面切换的
  • qq_36963759
  • qq_36963759
  • 2017-04-06 11:24
  • 624

QT Widget::setLayout: Attempting to set QLayout “” on Widget “”, which already has a layout

本文的标题就是我在QT下遇到的问题,大概意思就是在该部件上已经有一个层了,无法试图再次设置一个层。        我在开发一个暴力音频检测系统中遇到了这个问题,情景是我关闭了一个视频,然后再次打开一个...
  • Jaster_wisdom
  • Jaster_wisdom
  • 2017-04-13 17:11
  • 445

[OpenCV Qt教程] 在Qt图形界面中显示OpenCV图像的OpenGL Widget (第一部分)

本文译自:[OPENCV QT TUTORIAL] OPENGL WIDGET TO SHOW OPENCV IMAGES IN A QT GUI (FIRST PART) 此教程是关于在Qt图形界面...
  • howlclat
  • howlclat
  • 2017-02-21 14:10
  • 831

qt 切换界面实例

  • 2017-12-26 16:19
  • 362KB
  • 下载

qt界面跳转切换

  • 2014-06-23 17:05
  • 4KB
  • 下载
    个人资料
    • 访问:327276次
    • 积分:8806
    • 等级:
    • 排名:第2521名
    • 原创:574篇
    • 转载:13篇
    • 译文:0篇
    • 评论:36条
    我的链接
    最新评论