Qt实现界面的窗口的局部动态添加并布局

此程序实现的是点击界面的添加界面按钮，新增加一个窗口，并实现窗口的布局，随着窗口个数的在布局中的增加，窗口大小自动缩小。创建基于QT widget Application的应用程序，选择基类QDialog,去掉Generate form前的勾，使用代码创建控件，设置所添加窗口的最大行数为5行。 代码如下： main.cpp

#include "dialog.h" #include <QApplication> int main(int argc, char *argv[]) { QApplication a(argc, argv); Dialog w; w.show(); return a.exec(); }

dialog.h

#ifndef DIALOG_H #define DIALOG_H #include <QDialog> #include <QGridLayout> class Dialog : public QDialog { Q_OBJECT public: Dialog(QWidget *parent = nullptr); ~Dialog(); public slots: void slot_btnClicked(); private: QGridLayout layout; QGridLayout layout1; QWidget *widget; uint16_t n; uint16_t row; }; #endif // DIALOG_H

dialog.cpp

#include "dialog.h" #include <QPushButton> #include <QMessageBox> #include <QDebug> /*问题描述： * 动态实现新增加界面的布局*/ Dialog::Dialog(QWidget *parent) : QDialog(parent) { resize(600,500); // setContentsMargins(2,2,2,2);//设置窗口内容到边框的距离 QPushButton *addBtn = new QPushButton(tr("增加界面"),this); // addBtn->move(5,5);//有布局的情况下不能再设置位置 // addBtn->setGeometry(0,0,120,40); widget = new QWidget(this); // widget->setGeometry(5,50,600,400);//有布局的情况下似乎没有用 widget->show();//非模态对话框 widget->setObjectName("Parent"); widget->setStyleSheet("QWidget#Parent{background-color:green;}"); layout.setSpacing(15);//设置布局中控件之间的垂直距离 layout.addWidget(addBtn,0,0,1,1); layout.addWidget(widget,1,0,10,10);//为了彼此之间有参照 setLayout(&layout); connect(addBtn,&QPushButton::clicked,this,&Dialog::slot_btnClicked); n = 0; row = 0; } Dialog::~Dialog() { } void Dialog::slot_btnClicked()//没有实现动态布局 { if(row == 5) { qDebug()<<"不能再添加窗口了！"; QMessageBox::information(this,tr("警告"),tr("不能再添加窗口了！")); return ; } QWidget *dlg = new QWidget(widget); // QDialog *dlg = new QDialog(widget);//QDialog是不被嵌入到父窗口部件的窗口，为顶级窗口 dlg->show(); dlg->setObjectName("child");//QWidget#Parent> dlg->setStyleSheet("QWidget#child{background-color:blue;}"); // dlg->setStyleSheet("QDialog#child{background-color:blue;}"); layout1.addWidget(dlg,row+1,(int)n%4,1,1);//栅格布局没有参照的情况下，先设置占一行一列 n++; if(n%4 == 0) { row++; } widget->setLayout(&layout1); }

运行程序后，界面效果如下： 代码中含有对一些函数理解的注释，其中最关键的理解是两点： 1.QDialog为顶级窗口，没有父部件，不被嵌入到父部件中。 2.栅格布局中需要有所占行列的参考数。单一一个控件来使用栅格布局指定所占行列时，除一行一列外，无法实现期望效果，即：界面上只有一个按钮，按钮被放入栅格布局中，占3行2列，运行效果是将按钮进行了水平拉伸，几乎占据整个界面的长度。 在创建的项目的构造函数中加入如下代码：

QPushButton *btn = new QPushButton(tr("开始"),this); btn->show(); QGridLayout *layout = new QGridLayout; layout->addWidget(btn,0,0,4,3); setLayout(layout);

运行效果如下图所示：