如何在UIStackView中实现类似SwiftUI Spacer的动态间距效果？

有两种更灵活的实现方式，无需手动设置空白视图的固定宽度：

方法一：通过视图优先级+StackView布局属性实现（推荐） #

核心思路是让StackView撑满水平空间，同时让原有子视图保持自身尺寸，剩余空间自动留在中间。

1. 修改StackView的distribution为.fill，并确保StackView的水平方向约束包含leading和trailing（撑满父视图水平空间）。
2. 给usersTextLabel和seeMoreButton设置较高的内容拥抱优先级，避免它们被拉伸。

修改后的代码：

private lazy var stackView: UIStackView = {
    let stackView = UIStackView()
    stackView.translatesAutoresizingMaskIntoConstraints = false
    stackView.distribution = .fill // 改为fill布局
    stackView.axis = .horizontal
    return stackView
}()

func setUI() {
    view.addSubview(stackView)
    
    // 设置子视图的内容拥抱优先级，确保它们保持自身大小
    usersTextLabel.setContentHuggingPriority(.defaultHigh, for: .horizontal)
    seeMoreButton.setContentHuggingPriority(.defaultHigh, for: .horizontal)
    
    stackView.addArrangedSubview(usersTextLabel)
    stackView.addArrangedSubview(seeMoreButton)
    
    stackView.snp.makeConstraints { make in
        make.top.equalToSuperview().inset(45)
        make.leading.trailing.equalToSuperview().inset(15) // 修正重复的leading约束，添加trailing让StackView撑满水平
    }
}

方法二：使用弹性空白视图 #

如果习惯用空白视图的方式，无需设置固定宽度，只需让空白视图优先占用剩余空间：

func setUI() {
    view.addSubview(stackView)
    
    let spacer = UIView()
    // 设置空白视图的内容拥抱优先级为最低，让它自动填充剩余空间
    spacer.setContentHuggingPriority(.defaultLow, for: .horizontal)
    
    stackView.addArrangedSubview(usersTextLabel)
    stackView.addArrangedSubview(spacer)
    stackView.addArrangedSubview(seeMoreButton)
    
    stackView.snp.makeConstraints { make in
        make.top.equalToSuperview().inset(45)
        make.leading.trailing.equalToSuperview().inset(15)
    }
}

注意事项 #

两种方法都需要确保StackView的水平方向有明确的宽度约束（即同时设置leading和trailing），这样才能计算出剩余空间实现动态间距。

内容的提问来源于stack exchange，提问作者Abrcd18