QGridLayout网格布局
前一个我们说了水平布局和垂直布局,那么QGridLayout网格布局和它们又有什么不同呢?
按我的理解:还是用我们的书架为例,QHBoxLayout和QVBoxLayout是我们买回来的两个不同的小书架,但是呢我们需要把它们重叠在一起使用拼成我们的书架,而我们的QGridLayout网格布局呢,就是我们的书架,它自己带着小书架,就比如我们去书城的那些书架一样。用起来的时候我感觉很方便。
那么我们来看一下简单的例子:
首先我们来看一下我们书架默认的样子:
#include <QGridLayout>
Dialog::Dialog(QWidget *parent)
: QDialog(parent)
{
QPushButton *btn1 = new QPushButton(tr("btn1"));
QPushButton *btn2 = new QPushButton(tr("btn2"));
QPushButton *btn3 = new QPushButton(tr("btn3"));
QPushButton *ble1 =new QPushButton(tr("ble1"));
QPushButton *ble2 =new QPushButton(tr("ble2"));
QPushButton *ble3 =new QPushButton(tr("ble3"));
QGridLayout *layout = new QGridLayout;
layout->addWidget(btn1);
layout->addWidget(btn2);
layout->addWidget(btn3);
layout->addWidget(ble1);
layout->addWidget(ble2);
layout->addWidget(ble3);
setLayout(layout);
}
这是我们还没有进行任何布局的,默认的样子,跟我们的垂直布局一样。
那么我们来看一下进行布局的QGridLayout例子
Dialog::Dialog(QWidget *parent)
: QDialog(parent)
{
QPushButton *btn1 = new QPushButton(tr("btn1"));
QPushButton *btn2 = new QPushButton(tr("btn2"));
QPushButton *btn3 = new QPushButton(tr("btn3"));
QPushButton *ble1 =new QPushButton(tr("ble1"));
QPushButton *ble2 =new QPushButton(tr("ble2"));
QPushButton *ble3 =new QPushButton(tr("ble3"));
QGridLayout *layout = new QGridLayout;
layout->addWidget(btn1,0,0);
layout->addWidget(btn2,0,1);
layout->addWidget(btn3,0,2);
layout->addWidget(ble1,1,0);
layout->addWidget(ble2,1,1);
layout->addWidget(ble3,1,2);
setLayout(layout);
}
那么现在是不是看起来就像我们的QHBoxLayout和QVBoxLayout进行拼接的书架一样了。
layout->addWidget(btn1,0,0);第一个参数是我们的对象(也就是我们的书),第二个参数是我们的(行),第三个参数是我们的(列),总和理解的话就是(对象,行,列)下么我们再看一下下边的例子:我一个书架有的书卖出去了还没有进货:
Dialog::Dialog(QWidget *parent)
: QDialog(parent)
{
QPushButton *btn1 = new QPushButton(tr("btn1"));
QPushButton *btn2 = new QPushButton(tr("btn3"));
QPushButton *btn3 = new QPushButton(tr("btn3"));
QPushButton *ble1 =new QPushButton(tr("ble1"));
QPushButton *ble2 =new QPushButton(tr("ble2"));
QPushButton *ble3 =new QPushButton(tr("ble3"));
QGridLayout *layout = new QGridLayout;
layout->addWidget(btn1,0,0);
layout->addWidget(btn2,0,2);
layout->addWidget(btn3,1,1);
layout->addWidget(ble1,2,0);
layout->addWidget(ble2,2,1);
layout->addWidget(ble3,2,2);
setLayout(layout);
}
那么我们可以试想一下,我是否可以在我们的书架中添加我们的小书架然后再在小书架中放书本呢?