阅读数:105 评论数:0

一、概述

QGridLayout 是 Qt 提供的一种布局管理器，用于将窗口部件按网格方式排列。它可以让你将窗口部件放置在网格的特定行和列中，方便地管理复杂的界面布局。

二、基本用法

#include <QApplication>
#include <QWidget>
#include <QGridLayout>
#include <QPushButton>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QWidget window;
    window.setWindowTitle("QGridLayout Example");

    QGridLayout *layout = new QGridLayout;

    // 创建按钮并添加到布局中
    QPushButton *button1 = new QPushButton("Button 1");
    QPushButton *button2 = new QPushButton("Button 2");
    QPushButton *button3 = new QPushButton("Button 3");
    QPushButton *button4 = new QPushButton("Button 4");

    layout->addWidget(button1, 0, 0); // 在第0行，第0列
    layout->addWidget(button2, 0, 1); // 在第0行，第1列
    layout->addWidget(button3, 1, 0); // 在第1行，第0列
    layout->addWidget(button4, 1, 1); // 在第1行，第1列

    window.setLayout(layout);
    window.show();

    return app.exec();
}

三、其它用法

1、跨行跨列

#include <QApplication>
#include <QWidget>
#include <QGridLayout>
#include <QPushButton>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QWidget window;
    window.setWindowTitle("QGridLayout Advanced Example");

    QGridLayout *layout = new QGridLayout;

    QPushButton *button1 = new QPushButton("Button 1");
    QPushButton *button2 = new QPushButton("Button 2");
    QPushButton *button3 = new QPushButton("Button 3");
    QPushButton *button4 = new QPushButton("Button 4");

    layout->addWidget(button1, 0, 0, 1, 2); // 在第0行，第0列，跨越1行，2列
    layout->addWidget(button2, 1, 0);       // 在第1行，第0列
    layout->addWidget(button3, 1, 1);       // 在第1行，第1列
    layout->addWidget(button4, 2, 0, 1, 2); // 在第2行，第0列，跨越1行，2列

    window.setLayout(layout);
    window.show();

    return app.exec();
}

2、设置间距

layout->setHorizontalSpacing(10); // 设置列间距为10像素
layout->setVerticalSpacing(15);   // 设置行间距为15像素

3、设置边距

layout->setContentsMargins(10, 10, 10, 10); // 左、上、右、下各10像素

4、调整行和列的伸缩性

你可以调整行和列的伸缩性，即当窗口大小变化时，哪些行或列应优先调整：

layout->setColumnStretch(0, 1); // 第0列的伸缩因子为1
layout->setColumnStretch(1, 2); // 第1列的伸缩因子为2

layout->setRowStretch(0, 1);    // 第0行的伸缩因子为1
layout->setRowStretch(1, 2);    // 第1行的伸缩因子为2

4、单元格中水平居中

#include <QApplication>
#include <QWidget>
#include <QGridLayout>
#include <QLabel>
#include <QLineEdit>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QWidget *bottomWidget = new QWidget;
    QGridLayout *mainLayout = new QGridLayout;

    // 设置QGridLayout的间距和边距
    mainLayout->setSpacing(0);
    mainLayout->setContentsMargins(0, 0, 0, 0);

    // 前缀标签
    QLabel *dPrefix = new QLabel("滚珠直径", bottomWidget);
    dPrefix->setStyleSheet("font-size: 14px;"); // 示例样式
    dPrefix->setFixedSize(80, 30);
    mainLayout->addWidget(dPrefix, 2, 0);

    // QLineEdit
    QLineEdit *diameter = new QLineEdit(bottomWidget);
    diameter->setPlaceholderText("请输入内容");
    diameter->setFixedSize(100, 30); // 示例大小
    diameter->setObjectName("customInput");
    diameter->setStyleSheet("font-size: 14px;"); // 示例样式
    diameter->setReadOnly(true);
    mainLayout->addWidget(diameter, 2, 1, 1, 1, Qt::AlignHCenter);

    // QLabel
    QLabel *dSuffix = new QLabel("mm", bottomWidget);
    dSuffix->setFixedSize(30, 30); // 示例大小
    dSuffix->setStyleSheet("font-size: 14px;"); // 示例样式
    mainLayout->addWidget(dSuffix, 2, 2, 1, 1, Qt::AlignHCenter);

    bottomWidget->setLayout(mainLayout);
    bottomWidget->show();

    return app.exec();
}