qt-C++语法笔记之Stretch与Spacer的关系分析

code review!

在 Qt C++ 和 Qt Designer 中，stretch 和 Horizontal Spacer、Vertical Spacer 的关系主要体现在它们在布局管理中的作用：它们都用于控制布局中控件之间的间距和空间分配，但使用方式和场景略有不同。

定义：stretch 是 Qt 布局管理器（如 QHBoxLayout、QVBoxLayout、QGridLayout 等）中的一个属性，用于指定控件或空间在布局中的相对拉伸比例。
功能：通过设置 stretch 值，可以控制布局中控件或空白区域在可用空间中的分配比例。stretch 是一个整数，通常在调用 addWidget() 或 addStretch() 时设置。
使用场景：
- 在代码中通过 QBoxLayout::addStretch(int stretch) 添加一个可伸缩的空白区域，用于填充布局中的剩余空间。
- 在 addWidget(QWidget*, int stretch) 中为特定控件设置拉伸因子，决定控件在布局中的扩展比例。
- 例如：
  cpp 复制代码
```
QHBoxLayout *layout = new QHBoxLayout;
layout->addWidget(button1, 1); // button1 占 1 份空间
layout->addWidget(button2, 2); // button2 占 2 份空间
layout->addStretch(1);        // 空白区域，占 1 份空间
```
  在这个例子中，button1 和 button2 的宽度比例为 1:2，剩余空间由 addStretch 填充。
特点：
- 仅在代码中设置，动态性强。
- stretch 是相对比例，实际空间分配取决于布局的整体大小和所有控件的 stretch 值。
- 适用于需要精确控制控件比例的场景。

定义：Horizontal Spacer 和 Vertical Spacer 是 Qt Designer 中的空间控件（QSpacerItem 的可视化表示），用于在布局中添加固定或可伸缩的空白区域。
功能：
- Horizontal Spacer：在水平方向上添加空白区域，控制控件之间的水平间距。
- Vertical Spacer：在垂直方向上添加空白区域，控制控件之间的垂直间距。
- 它们可以设置为固定大小或可伸缩（由 sizePolicy 属性控制）。
使用场景 ：
- 在 Qt Designer 中，通过拖放 Horizontal Spacer 或 Vertical Spacer 到布局中，直观地调整控件间距。
- 常用于：
  - 将控件推到布局的一侧（如将按钮推到窗口右侧）。
  - 在布局中添加动态调整的空白区域。
- 例如，在 Qt Designer 中拖入一个 Horizontal Spacer，将其 sizePolicy 设置为 Expanding，可以让它占用布局中的剩余水平空间，效果类似于 addStretch()。
特点：
- 直观易用，适合在 Qt Designer 中进行可视化布局设计。
- 通过 sizePolicy（如 Fixed、Minimum、Expanding）控制 spacer 的大小和伸缩性。
- 在代码中，spacer 对应于 QSpacerItem，可以通过 QBoxLayout::addSpacerItem() 或 addStretch() 实现类似功能。

共同点：
- 两者都用于管理布局中的空间分配，解决控件间距或剩余空间填充的问题。
- 都可以实现动态伸缩，适应布局大小的变化。
- 在 QBoxLayout 中，addStretch() 的效果等价于在 Qt Designer 中添加一个 Expanding 属性的 Horizontal Spacer 或 Vertical Spacer。

不同点：

特性	Stretch	Horizontal/Vertical Spacer
定义方式	代码中通过 `addStretch()` 或控件拉伸因子设置	Qt Designer 中拖放控件，或代码中用 `QSpacerItem`
使用场景	更适合代码实现的动态布局	更适合可视化设计或混合开发
灵活性	直接通过整数比例控制，精确但需要代码	可视化调整，属性设置更直观
底层实现	布局管理器的拉伸因子	`QSpacerItem` 对象，集成到布局中

等效性示例：
- 在 Qt Designer 中添加一个 Horizontal Spacer（sizePolicy 为 Expanding），等价于在代码中调用：
  cpp 复制代码
```
layout->addStretch(1);
```
- 如果在 Qt Designer 中设置 spacer 的 sizePolicy 为 Fixed（如固定宽度 20px），等价于在代码中：
  cpp 复制代码
```
layout->addSpacerItem(new QSpacerItem(20, 0, QSizePolicy::Fixed, QSizePolicy::Minimum));
```

使用 Stretch ：
- 当你在代码中动态创建布局或需要精确控制控件比例时，使用 addStretch() 或为控件设置拉伸因子。
- 适合需要频繁调整布局比例的复杂场景。
使用 Spacer ：
- 在 Qt Designer 中进行快速原型设计或静态布局时，使用 Horizontal Spacer 或 Vertical Spacer 更直观。
- 适合需要快速调整控件间距或对齐方式的场景。
混合使用 ：
- 在 Qt Designer 中设计的布局，可以通过代码进一步调整 stretch 或添加新的 QSpacerItem，实现更复杂的布局需求。

Spacer 的 Size Policy ：
- 在 Qt Designer 中，spacer 的行为由 sizePolicy 决定。Expanding 对应于可伸缩空间，Fixed 对应于固定间距。
- 如果 spacer 的 sizePolicy 设置为 Minimum 或 Preferred，可能不会完全等同于 addStretch()，需要根据实际需求调整。
布局嵌套 ：
- 在复杂布局中，stretch 和 spacer 可能需要结合嵌套布局（如 QHBoxLayout 嵌套 QVBoxLayout）使用，以实现更灵活的空间分配。
性能：
- addStretch() 和 spacer 的性能开销几乎可以忽略，但在极复杂布局中，过多使用 spacer 可能增加布局管理的复杂度。

从 Qt Designer 到代码 ：
- Qt Designer 生成的 .ui 文件会将 spacer 转换为 QSpacerItem 或布局的 stretch 属性。例如，一个 Horizontal Spacer 可能在生成的代码中表现为：
  cpp 复制代码
```
layout->addItem(new QSpacerItem(40, 20, QSizePolicy::Expanding, QSizePolicy::Minimum));
```
从代码到 Qt Designer ：
- 如果代码中使用了 addStretch()，在 Qt Designer 中可以通过拖放一个 Horizontal Spacer 或 Vertical Spacer，并设置其 sizePolicy 为 Expanding 来模拟。

Stretch 是代码中控制布局比例的工具，适合动态、精确的布局管理。
Horizontal/Vertical Spacer 是 Qt Designer 中的可视化工具，适合快速设计和直观调整。
两者在功能上可以互换（通过 QSpacerItem 或 sizePolicy 实现），但使用场景不同：代码中用 stretch，设计器中用 spacer。结合使用可以提高开发效率和布局灵活性。