QGridLayout网格布局

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);
}

在这里插入图片描述

那么我们可以试想一下,我是否可以在我们的书架中添加我们的小书架然后再在小书架中放书本呢?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值