5.4_在UIStackView中实现间距(spacing)

在UIStackView中，间距（spacing）是控制 arranged subviews 之间距离的关键属性。通过调整间距，你可以轻松创建美观且一致的布局。让我们一起探索如何在UIStackView中灵活运用间距，打造出色的用户界面！🎉

理解UIStackView的间距属性

UIStackView的 spacing 属性决定了其 arranged subviews 之间的最小距离。这个值是 CGFloat 类型，允许你使用任何浮点数来精确控制间距。默认情况下，spacing 的值为 0，这意味着 arranged subviews 会紧密相邻。你可以根据设计需求，设置不同的间距值，以达到最佳的视觉效果。

• spacing = 0: arranged subviews 紧密相邻。
• spacing > 0: arranged subviews 之间存在固定间距。
• spacing < 0: arranged subviews 可能会重叠（不推荐）。

设置固定间距

设置固定间距是最常见的用法。你可以直接在代码中设置 spacing 属性，或者在 Interface Builder 中进行设置。例如，如果你想让 arranged subviews 之间有 10 个像素的间距，可以这样设置：

stackView.spacing = 10

这将确保所有 arranged subviews 之间都有 10 像素的间隔。这种方法适用于需要统一间距的场景。

使用UIStackView.spacingUseSystemMinimum

从 iOS 11 开始，Apple 引入了 UIStackView.spacingUseSystemMinimum 常量，允许 UIStackView 使用系统定义的最小间距。这在某些情况下非常有用，例如，当你希望 UIStackView 的间距与系统的其他 UI 元素保持一致时。

stackView.spacing = UIStackView.spacingUseSystemMinimum

系统最小间距会根据不同的上下文和设备进行调整，以确保最佳的用户体验。

自定义间距规则

UIStackView 还允许你为特定的 arranged subviews 之间设置自定义间距。这通过 setCustomSpacing(_:after:) 方法实现。例如，你可能希望在第一个和第二个 arranged subviews 之间使用 20 像素的间距，而在其他 arranged subviews 之间使用 10 像素的间距。

stackView.setCustomSpacing(20, after: firstView)

其中 firstView 是第一个 arranged subview。这种方法提供了更大的灵活性，允许你根据需要调整特定 arranged subviews 之间的间距。

动态调整间距

在某些情况下，你可能需要在运行时动态调整 UIStackView 的间距。例如，根据屏幕尺寸或用户交互，你可能需要更改间距值。你可以通过修改 spacing 属性或使用 setCustomSpacing(_:after:) 方法来实现这一点。

// 动态调整间距
if isCompactWidth {
    stackView.spacing = 5
} else {
    stackView.spacing = 10
}

动态调整间距可以帮助你创建适应性更强的用户界面。记住，合理运用间距可以显著提升用户界面的美观性和易用性。希望这些技巧能帮助你更好地掌握 UIStackView 的间距设置！🚀