QT开发【常用控件1】-Layouts Spacers

在 Qt 中，布局（Layouts）和间距（Spacers）是创建用户界面的关键组成部分。它们帮助开发者在窗口或对话框中组织和排列控件，以实现灵活和美观的界面设计。

1. 布局（Layouts）

布局是 Qt 中用于管理控件位置和大小的机制。Qt 提供了多种布局类，以适应不同的界面需求。

如下图：

1.1 主要布局类型

QHBoxLayout：水平布局，按从左到右的顺序排列控件。
QVBoxLayout：垂直布局，按从上到下的顺序排列控件。
QGridLayout：网格布局，可以将控件放置在行和列的交叉位置。
QFormLayout：表单布局，适用于标签和输入框的组合。

1.2 使用布局的基本步骤

创建布局对象。
将控件添加到布局中。
将布局设置为窗口或小部件的布局。

示例代码：

cpp

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QVBoxLayout>
#include <QLabel>int main(int argc, char *argv[]) {QApplication app(argc, argv);QWidget window; // 创建主窗口window.setWindowTitle("布局示例");// 创建垂直布局QVBoxLayout *layout = new QVBoxLayout();// 创建控件QLabel *label = new QLabel("这是一个标签");QPushButton *button1 = new QPushButton("按钮 1");QPushButton *button2 = new QPushButton("按钮 2");// 将控件添加到布局中layout->addWidget(label);layout->addWidget(button1);layout->addWidget(button2);// 将布局设置为窗口的布局window.setLayout(layout);window.resize(300, 200); // 设置窗口大小window.show(); // 显示窗口return app.exec(); // 进入事件循环
}

2. 间距（Spacers）

间距是一种用于在布局中添加空白区域的机制。使用间距可以帮助调整控件之间的间隔，并使界面看起来更加美观。

如下图：为QT里面两种弹簧，水平和垂直

2.1 类型

QSpacerItem：用于创建占位符，可以在布局中插入以增加间隔。
Stretch：在布局中使用 addStretch() 方法可以在控件之间添加可伸缩的空间。

2.2 使用间距的基本步骤

创建间距项（可以使用 QSpacerItem 或 addStretch()）。
将间距项添加到布局中。

示例代码（使用间距）：

cpp

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QVBoxLayout>
#include <QSpacerItem>int main(int argc, char *argv[]) {QApplication app(argc, argv);QWidget window; // 创建主窗口window.setWindowTitle("间距示例");QVBoxLayout *layout = new QVBoxLayout(); // 创建垂直布局QPushButton *button1 = new QPushButton("按钮 1");QPushButton *button2 = new QPushButton("按钮 2");// 将按钮添加到布局中layout->addWidget(button1);// 添加可伸缩的间距layout->addSpacerItem(new QSpacerItem(20, 40, QSizePolicy::Minimum, QSizePolicy::Expanding));layout->addWidget(button2); // 添加第二个按钮window.setLayout(layout);window.resize(300, 200);window.show(); // 显示窗口return app.exec(); // 进入事件循环
}