前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何在运行时动态添加和删除Qt Widgets

如何在运行时动态添加和删除Qt Widgets

作者头像
ccf19881030
发布2021-06-29 11:10:36
3.1K0
发布2021-06-29 11:10:36
举报
文章被收录于专栏:ccf19881030的博客ccf19881030的博客

在油管上看到一篇关于Qt的视频:[How to Add & Remove Qt Widgets Dynamically at Runtime](https://www.youtube.com/watch?v=fNTnU7mMgK4)

作者是Velcode

In this video I show you how to add any widget or layouts containing widgets to another widow or another layout.

Code repository: [VelazcoJD/QtDynamicWidgets](https://github.com/VelazcoJD/QtDynamicWidgets)

Qt Widgets Theme: [https://youtu.be/zjWfDEUsobQ](https://youtu.be/zjWfDEUsobQ)

我使用的系统是Windows10系统,首先使用Qt Creator创建一个基于QMainWindows的Qt GUI窗体程序,界面如下图所示:

## 源代码

main.cpp文件源代码如下:

代码语言:javascript
复制
#include "dynamicwidget.h"

#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    DynamicWidget w;
    w.show();
    return a.exec();
}

dynamicwidget.h头文件如下图所示:

代码语言:javascript
复制
#ifndef DYNAMICWIDGET_H
#define DYNAMICWIDGET_H

#include <QMainWindow>
#include <QHash>
#include <QPushButton>
#include <QHBoxLayout>

QT_BEGIN_NAMESPACE
namespace Ui { class DynamicWidget; }
QT_END_NAMESPACE

class DynamicWidget : public QMainWindow
{
    Q_OBJECT

public:
    /// @brief Construcotr.
    DynamicWidget(QWidget *parent = nullptr);

    /// @brief Destructor.
    ~DynamicWidget();

    /// @brief Handles user clicking on "add widget" button.
    void onAddWidget();

    /// @brief Handles user clicking on a remove widget button.
    void onRemoveWidget();

private:
    Ui::DynamicWidget *ui;

    QHash<QPushButton*, QHBoxLayout*> mButtonToLayoutMap;
};
#endif // DYNAMICWIDGET_H

dynamicwidget.cpp源文件如下图所示:

代码语言:javascript
复制
#include "dynamicwidget.h"
#include "ui_dynamicwidget.h"
#include <QVBoxLayout>
#include <QHBoxLayout>
#include <QPushButton>
#include <QCheckBox>

DynamicWidget::DynamicWidget(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::DynamicWidget)
{
    ui->setupUi(this);

    QObject::connect(ui->addWidget_button, &QPushButton::clicked,
                     this, &DynamicWidget::onAddWidget);
}

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

void DynamicWidget::onAddWidget()
{
    QVBoxLayout* layout = qobject_cast<QVBoxLayout*>(ui->widget_frame->layout());
    if (layout == nullptr)
    {
        return;
    }

    QHBoxLayout* newLayout = new QHBoxLayout(ui->widget_frame);

    QString buttonText = tr("Button: #%1").arg(layout->count());
    QPushButton* button = new QPushButton(buttonText, ui->widget_frame);
    //layout->insertWidget(0, button);
    newLayout->addWidget(button);

    mButtonToLayoutMap.insert(button, newLayout);

    QCheckBox* checkBox = new QCheckBox("Check me!", ui->widget_frame);
    newLayout->addWidget(checkBox);

    layout->insertLayout(0, newLayout);

    QObject::connect(button, &QPushButton::clicked,
                     this, &DynamicWidget::onRemoveWidget);
}

void DynamicWidget::onRemoveWidget()
{
//    QPushButton* button = qobject_cast<QPushButton*>(sender());
//    if (button)
//    {
//        delete  button;
//    }
    QPushButton* button = qobject_cast<QPushButton*>(sender());
    QHBoxLayout* layout = mButtonToLayoutMap.value(button);

    while (layout->count() != 0)
    {
        QLayoutItem* item = layout->takeAt(0);

        if (item)
        {
            delete item->widget();
            delete item;
        }
    }
    delete layout;
}

程序运行结果如下图所示:

点击【Click to Add Widget!】按钮,下面的widget_frame窗体会增加一个QPushButton和QCheckBox,如下图所示:

点击某一行的按钮,会删除该行对应的水平布局以及其中的QPushButton、QCheckBox控件。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021-06-27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档