10.2_配置UIStackView的distribution属性

UIStackView 是一个强大的布局容器，可以帮助你轻松实现各种复杂的界面布局。其中，distribution 属性是 UIStackView 最重要的属性之一，它决定了 UIStackView 如何在其可用空间内排列和调整子视图的大小。掌握 distribution 属性的配置，你就能更好地控制 UIStackView 的布局行为，创建出美观且适应性强的用户界面。🎉

Distribution 属性的五种模式

distribution 属性有五种不同的模式，每种模式都定义了 UIStackView 如何分配空间给它的子视图。让我们逐一了解它们：

1. Fill: 这种模式会尽可能地填充 UIStackView 的可用空间。如果子视图的总固有内容大小小于 UIStackView 的大小，UIStackView 会拉伸子视图以填充剩余空间。如果子视图的总固有内容大小大于 UIStackView 的大小，UIStackView 会压缩子视图以适应可用空间。

2. FillEqually: 这种模式会强制所有子视图具有相同的大小，并均匀地填充 UIStackView 的可用空间。无论子视图的固有内容大小如何，它们都会被调整为相同的大小。例如，如果你有三个按钮，它们都会占据 UIStackView 宽度的三分之一。

3. FillProportionally: 这种模式会根据子视图的固有内容大小，按比例分配空间。固有内容大小较大的子视图会获得更多的空间，而固有内容大小较小的子视图会获得较少的空间。这种模式非常适合于需要根据内容动态调整大小的视图。

4. EqualSpacing: 这种模式会保持子视图之间相等的间距，并根据需要调整子视图的大小以适应可用空间。子视图的固有内容大小会被尊重，但它们之间的间距始终保持一致。

5. EqualCentering: 这种模式会确保子视图的中心点之间具有相等的间距。与 EqualSpacing 类似，子视图的固有内容大小会被尊重，但它们的中心点之间的距离始终保持一致。

如何选择合适的 Distribution 模式？

选择哪种 distribution 模式取决于你的具体布局需求。以下是一些建议：

• 如果你希望子视图尽可能地填充可用空间，并且不关心它们的大小是否一致，那么 Fill 模式是一个不错的选择。
• 如果你希望所有子视图具有相同的大小，并且均匀地分布在 UIStackView 中，那么 FillEqually 模式非常适合。
• 如果你希望根据子视图的内容大小按比例分配空间，那么 FillProportionally 模式是最佳选择。
• 如果你希望保持子视图之间相等的间距，并且允许子视图根据其内容大小进行调整，那么 EqualSpacing 或 EqualCentering 模式会很有用。

代码示例

让我们通过一个简单的代码示例来演示如何配置 UIStackView 的 distribution 属性：

let stackView = UIStackView()
stackView.axis = .horizontal // 设置为水平方向
stackView.distribution = .fillEqually // 设置为 FillEqually 模式
stackView.alignment = .center // 设置为居中对齐

// 添加子视图
let button1 = UIButton()
button1.setTitle("Button 1", for: .normal)
button1.backgroundColor = .red

let button2 = UIButton()
button2.setTitle("Button 2", for: .normal)
button2.backgroundColor = .blue

let button3 = UIButton()
button3.setTitle("Button 3", for: .normal)
button3.backgroundColor = .green

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

在这个例子中，我们创建了一个水平方向的 UIStackView，并将其 distribution 属性设置为 FillEqually。这意味着三个按钮将具有相同的大小，并均匀地分布在 UIStackView 中。🎉

总结

通过灵活运用 UIStackView 的 distribution 属性，你可以轻松创建出各种各样的界面布局。希望这篇文章能够帮助你更好地理解和使用 UIStackView，让你的 iOS 开发之旅更加顺畅！🚀