当前位置：网站首页>Qt学习23 布局管理器（二）

Qt学习23 布局管理器（二）

2022-07-03 13:23:00 【一个小黑酱】

Qt学习23 布局管理器（二）

布局管理器

布局管理器中的 比例系数
默认情况下以等比例的方式 更新组件的大小
可以自定义 组件大小更新 比例系数
QBoxLayout 中的比例系数设置
- void setStretch(int index, int stretch)
- bool setStretchFactor(QWidget* widget, int stretch)
- bool setStretchFactor(QLayout* layout, int stretch)

编程实验 - 比例系数初探

上一节代码中添加设置比例系数功能

void Widget::testVBoxLayout()
{
    
    // 布局管理器添加窗口控件
    // 布局管理器设置控件间的间距
    // 设置比例系数
    layout->setStretch(0, 1);
    layout->setStretch(1, 2);
    layout->setStretch(2, 3);
    layout->setStretch(3, 4);
    // 设置当前窗口的布局管理器
}
void Widget::testHBoxLayout()
{
    
    // 布局管理器添加窗口控件
    // 布局管理器设置控件间的间距
    // 设置比例系数
    layout->setStretchFactor(&TestBtn1, 1);
    layout->setStretchFactor(&TestBtn2, 3);
    layout->setStretchFactor(&TestBtn3, 1);
    layout->setStretchFactor(&TestBtn4, 4);
    // 设置当前窗口的布局管理器
}
void Widget::testVHBoxLayout()
{
    
    // ...
    vLayout->setStretchFactor(hLayout1, 1);
    vLayout->setStretchFactor(hLayout2, 2);
    // ...
}

组件的初始大小是 独立于布局管理器 设置的，因此 不能保证组件的大小始终符合比例系数的设置

QGridLayout布局管理器

以 网格（二维） 的方式管理界面组件

在这里插入图片描述

QGridLayout 中的比例系数设置
- void setColumnStretch(int column, int stretch)
- void setRowStretch(int row, int stretch)

编程实验 - QGridLayout

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QPushButton>

class Widget : public QWidget
{
    
    Q_OBJECT
private:
    QPushButton TestBtn1;
    QPushButton TestBtn2;
    QPushButton TestBtn3;
    QPushButton TestBtn4;
    void initBtn();
    void testGridLayout1();
    void testGridLayout2();
public:
    Widget(QWidget *parent = 0);
    ~Widget();
};

#endif // WIDGET_H

#include "Widget.h"
#include <QGridLayout>

Widget::Widget(QWidget *parent) : QWidget(parent),
    TestBtn1(this), TestBtn2(this), TestBtn3(this), TestBtn4(this)
{
    
    initBtn();
// testGridLayout1();
    testGridLayout2();
}

Widget::~Widget()
{
    

}

void Widget::initBtn()
{
    
    TestBtn1.setText("Test Button 1");
    TestBtn1.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn1.setMinimumSize(160, 30);

    TestBtn2.setText("Test Button 2");
    TestBtn2.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn2.setMinimumSize(160, 30);

    TestBtn3.setText("Test Button 3");
    TestBtn3.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn3.setMinimumSize(160, 30);

    TestBtn4.setText("Test Button 4");
    TestBtn4.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn4.setMinimumSize(160, 30);
}

void Widget::testGridLayout1()
{
    
    QGridLayout* layout = new QGridLayout();
    layout->setSpacing(10);
    // 栅格布局管理添加按钮组件
    layout->addWidget(&TestBtn1, 0, 0);
    layout->addWidget(&TestBtn2, 0, 1);
    layout->addWidget(&TestBtn3, 1, 0);
    layout->addWidget(&TestBtn4, 1, 1);
    // 设置行比例系数
    layout->setRowStretch(0, 1);
    layout->setRowStretch(1, 2);
    // 设置列比例系数
    layout->setColumnStretch(0, 3);
    layout->setColumnStretch(1, 4);
    setLayout(layout);
}

void Widget::testGridLayout2()
{
    
    QGridLayout* layout = new QGridLayout();
    layout->setSpacing(10);
    // 栅格布局管理跨栅格添加按钮组件
    layout->addWidget(&TestBtn1, 0, 0, 2, 1);
    layout->addWidget(&TestBtn2, 0, 1, 2, 1);
    layout->addWidget(&TestBtn3, 2, 0, 1, 2);
    layout->addWidget(&TestBtn4, 3, 0, 1, 2);
    setLayout(layout);
}

#include "Widget.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    
    QApplication a(argc, argv);
    Widget w;
    w.show();

    return a.exec();
}