详解Qt中的布局管理器

OldField-Tian

已于 2024-04-05 13:44:06 修改

阅读量911

点赞数 6

分类专栏： Qt 文章标签： qt

于 2024-04-01 18:28:48 首次发布

本文链接：https://blog.csdn.net/jason_thinking/article/details/137242029

版权

Qt 专栏收录该内容

54 篇文章 8 订阅

订阅专栏

Qt中的布局管理是用于组织用户界面中控件（如按钮、文本框、标签等）位置和尺寸调整的一种机制。说白了就是创建了一种规则，随着窗口变化其中的控件大小位置跟着变化。Qt提供了多种布局管理器，每种都有其特定用途和特点。以下是对Qt布局管理的详细说明，以及对应的示例代码：

布局管理器分类与示例

基础布局管理器

QHBoxLayout：水平布局，将控件按从左到右的顺序排列。
示例代码：

QHBoxLayout *horizontalLayout = new QHBoxLayout();
QPushButton *button1 = new QPushButton("Button 1");
QPushButton *button2 = new QPushButton("Button 2");

horizontalLayout->addWidget(button1);
horizontalLayout->addWidget(button2);

QWidget *containerWidget = new QWidget();
containerWidget->setLayout(horizontalLayout);

QVBoxLayout：垂直布局，将控件按从上到下的顺序排列。
示例代码：

QVBoxLayout *verticalLayout = new QVBoxLayout();
QLabel *label = new QLabel("A Label");
QPushButton *button = new QPushButton("A Button");

verticalLayout->addWidget(label);
verticalLayout->addWidget(button);

QWidget *containerWidget = new QWidget();
containerWidget->setLayout(verticalLayout);

高级布局管理器

QGridLayout：网格布局，将控件放置在二维网格中，可以根据行列位置和跨度来精确控制控件的位置。
示例代码：

QGridLayout *gridLayout = new QGridLayout();
QLabel *label1 = new QLabel("Label 1");
QLabel *label2 = new QLabel("Label 2");
QPushButton *button = new QPushButton("Button");

gridLayout->addWidget(label1, 0, 0);
gridLayout->addWidget(label2, 0, 1, 1, 2); // 跨两列
gridLayout->addWidget(button, 1, 0, 1, 3); // 跨三列

QWidget *containerWidget = new QWidget();
containerWidget->setLayout(gridLayout);

QFormLayout：表单布局，特别适合创建具有标签-输入字段对齐的表单界面。它可以自动对齐相邻的控件，并支持行间的垂直间隔控制。
示例代码：

QFormLayout *formLayout = new QFormLayout();
QLabel *nameLabel = new QLabel("Name:");
QLineEdit *nameEdit = new QLineEdit();
QLabel *ageLabel = new QLabel("Age:");
QSpinBox *ageSpinBox = new QSpinBox();

formLayout->addRow(nameLabel, nameEdit);
formLayout->addRow(ageLabel, ageSpinBox);

QWidget *containerWidget = new QWidget();
containerWidget->setLayout(formLayout);

QStackedLayout：堆叠布局，允许在多个子布局或控件之间切换显示，类似于页面切换，只有一个子项在任何时候是可见的。
示例代码：

QStackedLayout *stackedLayout = new QStackedLayout();
QWidget *page1 = new QWidget();
QWidget *page2 = new QWidget();

stackedLayout->addWidget(page1);
stackedLayout->addWidget(page2);

QPushButton *button = new QPushButton("Switch Page");
connect(button, &QPushButton::clicked, [stackedLayout](){
    stackedLayout->setCurrentIndex((stackedLayout->currentIndex() + 1) % stackedLayout->count());
});

QVBoxLayout *mainLayout = new QVBoxLayout();
mainLayout->addWidget(button);
mainLayout->addLayout(stackedLayout);

QWidget *containerWidget = new QWidget();
containerWidget->setLayout(mainLayout);

动态布局

QScrollArea：虽然不是严格意义上的布局管理器，但QScrollArea提供了一个可以容纳任何布局或控件的滚动区域，当内容超出其边界时，会自动显示滚动条。
示例代码：

QScrollArea *scrollArea = new QScrollArea();
QWidget *contentWidget = new QWidget();
QVBoxLayout *contentLayout = new QVBoxLayout(contentWidget);

for (int i = 0; i < 20; ++i) {
    QLabel *label = new QLabel(QString("Label %1").arg(i));
    contentLayout->addWidget(label);
}

scrollArea->setWidgetResizable(true);
scrollArea->setWidget(contentWidget);

QVBoxLayout *mainLayout = new QVBoxLayout();
mainLayout->addWidget(scrollArea);

QWidget *containerWidget = new QWidget();
containerWidget->setLayout(mainLayout);

QSplitter：分割器，可以将界面划分为多个可调整大小的部分，每个部分可以包含自己的布局或控件。用户可以通过拖动分割线来改变各部分的相对大小。
示例代码：

QSplitter *splitter = new QSplitter(Qt::Horizontal);
QWidget *leftWidget = new QWidget();
QWidget *rightWidget = new QWidget();

QVBoxLayout *leftLayout = new QVBoxLayout(leftWidget);
leftLayout->addWidget(new QLabel("Left Content"));

QVBoxLayout *rightLayout = new QVBoxLayout(rightWidget);
rightLayout->addWidget(new QLabel("Right Content"));

splitter->addWidget(leftWidget);
splitter->addWidget(rightWidget);

QVBoxLayout *mainLayout = new QVBoxLayout();
mainLayout->addWidget(splitter);

QWidget *containerWidget = new QWidget();
containerWidget->setLayout(mainLayout);

布局管理器属性与功能

除了上述的基本使用方法，布局管理器还提供了丰富的属性和功能以实现更精细的布局控制：

对齐与间距：可以设置布局内部控件的对齐方式（如居中、左对齐、顶部对齐等）以及控件之间的水平和垂直间距。
示例代码（设置水平和垂直间距）：

QVBoxLayout *layout = new QVBoxLayout();
layout->setSpacing(10); // 设置垂直间距为10像素
layout->setContentsMargins(5, 5, 5, 5); // 设置四周边距为5像素

伸展因子（Stretch Factors）：
通过设置布局项的伸展因子，可以控制当布局有多余空间时，各控件如何分配额外空间。高伸展因子的控件将获得更大比例的空间。
示例代码（设置伸展因子）：

QHBoxLayout *layout = new QHBoxLayout();
QPushButton *button1 = new QPushButton("Button 1");
QPushButton *button2 = new QPushButton("Button 2");

layout->addWidget(button1, 1); // 设置伸展因子为1
layout->addWidget(button2, 2); // 设置伸展因子为2，button2将占据更多水平空间

QWidget *containerWidget = new QWidget();
containerWidget->setLayout(layout);

大小约束：可以设置控件的最大和最小尺寸限制，以确保布局在调整时不会违反这些限制。
示例代码（设置最大宽度）：

QLabel *label = new QLabel("A Label");
label->setMaximumWidth(200); // 设置最大宽度为200像素

QVBoxLayout *layout = new QVBoxLayout();
layout->addWidget(label);

QWidget *containerWidget = new QWidget();
containerWidget->setLayout(layout);

嵌套布局：一个布局可以作为另一个布局的子布局，通过嵌套布局可以创建复杂的界面布局。
示例代码（嵌套布局）：

QVBoxLayout *mainLayout = new QVBoxLayout();
QHBoxLayout *topRow = new QHBoxLayout();
QVBoxLayout *bottomRow = new QVBoxLayout();

QPushButton *button1 = new QPushButton("Button 1");
QPushButton *button2 = new QPushButton("Button 2");
QLabel *label = new QLabel("A Label");

topRow->addWidget(button1);
topRow->addWidget(button2);
bottomRow->addWidget(label);

mainLayout->addLayout(topRow);
mainLayout->addLayout(bottomRow);

QWidget *containerWidget = new QWidget();
containerWidget->setLayout(mainLayout);