3.1_UIStackView的声明式布局

拥抱 UIStackView：声明式布局的强大力量 💪

UIStackView 是 UIKit 中一个非常强大的工具，它能让你以声明式的方式来管理视图的布局。这意味着你只需要描述你想要的布局，而 UIStackView 会负责处理具体的约束和调整。这大大简化了布局代码，提高了可读性和可维护性。让我们一起深入了解它的奥秘吧！

UIStackView 的核心概念

UIStackView 本质上是一个容器视图，它管理着一组子视图的布局。你可以指定这些子视图的排列方式（水平或垂直）、对齐方式、间距等。UIStackView 会自动根据这些设置来调整子视图的位置和大小。

• axis (轴向)：决定了子视图的排列方向，可以是 .horizontal (水平) 或 .vertical (垂直)。
• distribution (分布方式)：控制子视图在 UIStackView 中的大小和间距分配。常见的选项包括 .fill (填充)、.fillEqually (等比例填充)、.equalSpacing (等间距) 和 .equalCentering (中心对齐)。
• alignment (对齐方式)：决定了子视图在垂直于轴向方向上的对齐方式。例如，在水平 UIStackView 中，你可以选择 .top (顶部对齐)、.bottom (底部对齐) 或 .center (中心对齐)。
• spacing (间距)：设置子视图之间的最小间距。

如何使用 UIStackView

1. 创建 UIStackView 实例：使用 UIStackView() 初始化器创建一个 UIStackView 对象。
2. 添加子视图：使用 addArrangedSubview(_:) 方法将子视图添加到 UIStackView 中。注意，只有通过这个方法添加的视图才会被 UIStackView 管理。
3. 设置属性：根据你的需求设置 axis、distribution、alignment 和 spacing 属性。
4. 添加约束：将 UIStackView 添加到父视图，并使用 Auto Layout 约束来确定其位置和大小。

例如，创建一个水平排列的 UIStackView，其中包含三个等比例填充的按钮，间距为 10：

let stackView = UIStackView()
stackView.axis = .horizontal
stackView.distribution = .fillEqually
stackView.alignment = .fill
stackView.spacing = 10

let button1 = UIButton()
let button2 = UIButton()
let button3 = UIButton()

stackView.addArrangedSubview(button1)
stackView.addArrangedSubview(button2)
stackView.addArrangedSubview(button3)

UIStackView 的优势

• 简化布局代码：使用 UIStackView 可以大大减少 Auto Layout 约束的数量，使代码更简洁易懂。
• 自适应布局：UIStackView 可以自动调整子视图的布局，以适应不同的屏幕尺寸和方向。
• 动态布局：你可以动态地添加、删除或隐藏子视图，UIStackView 会自动重新布局。
• 易于维护：由于布局逻辑集中在 UIStackView 的属性中，因此更容易修改和维护。

进阶技巧

• 嵌套 UIStackView：你可以将 UIStackView 嵌套在一起，创建更复杂的布局。
• 使用 isHidden 属性：通过设置子视图的 isHidden 属性，可以动态地控制其是否显示，UIStackView 会自动调整布局。
• 自定义间距：你可以使用 setCustomSpacing(_:after:) 方法为特定的子视图设置自定义间距。

总结

UIStackView 是一个非常强大的布局工具，它可以帮助你轻松创建自适应、动态和易于维护的界面。掌握 UIStackView 的使用，将大大提高你的 iOS 开发效率。快来尝试一下吧！🚀