如何使UIStackView在子视图隐藏时仍保持子视图右对齐？

这个问题我之前也碰到过，Equal spacing分布在子视图数量变化时确实会出现这种不符合预期的居中情况，给你几个靠谱的解决办法，按需选择：

方法一：添加占位Spacer（兼容所有iOS版本） #

核心思路是在两个按钮之间加一个“占位视图”，让它占据中间的所有可用空间，这样不管第二个按钮是否隐藏，第一个按钮都会牢牢钉在leading侧。

实现步骤： #

1. 创建一个透明的UIView作为spacer，不需要固定它的宽度；
2. 降低spacer的内容拥抱优先级和内容压缩抵抗优先级（比按钮的默认优先级低即可），这样它会自动填充按钮之外的空间，不会抢占按钮的位置；
3. 将spacer插入到两个按钮之间，把StackView的Distribution改成Fill（替代原来的Equal spacing）。

Swift代码示例： #

// 初始化StackView
let stackView = UIStackView()
stackView.axis = .horizontal
stackView.alignment = .fill
stackView.distribution = .fill // 关键：改用Fill分布
stackView.frame = CGRect(x: 0, y: 100, width: UIScreen.main.bounds.width, height: 40)

// 创建第一个按钮
let btn1 = UIButton(type: .system)
btn1.backgroundColor = .orange
btn1.widthAnchor.constraint(equalToConstant: 40).isActive = true
btn1.heightAnchor.constraint(equalToConstant: 40).isActive = true
stackView.addArrangedSubview(btn1)

// 创建占位spacer
let spacer = UIView()
spacer.backgroundColor = .clear
// 降低优先级，让spacer自动填充剩余空间
spacer.setContentHuggingPriority(.defaultLow, for: .horizontal)
spacer.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
stackView.addArrangedSubview(spacer)

// 创建第二个按钮
let btn2 = UIButton(type: .system)
btn2.backgroundColor = .green
btn2.widthAnchor.constraint(equalToConstant: 40).isActive = true
btn2.heightAnchor.constraint(equalToConstant: 40).isActive = true
stackView.addArrangedSubview(btn2)

// 添加到父视图
view.addSubview(stackView)

// 隐藏第二个按钮后，第一个按钮依然在leading侧
btn2.isHidden = true

方法二：动态修改StackView的Distribution（iOS 14+适用） #

iOS14及以上版本给UIStackView新增了leading、trailing等分布类型，我们可以根据按钮的显示状态动态切换分布方式：

• 当两个按钮都显示时，用Equal spacing保持两端布局；
• 当第二个按钮隐藏时，切换到leading分布，让剩余按钮靠左排列。

Swift代码示例： #

// 初始化StackView（保持你原来的配置）
let stackView = UIStackView()
stackView.axis = .horizontal
stackView.alignment = .fill
stackView.distribution = .equalSpacing
stackView.frame = CGRect(x: 0, y: 100, width: UIScreen.main.bounds.width, height: 40)

// 添加两个按钮（代码同方法一，略）

// 动态切换分布的逻辑
func toggleButtonVisibility(_ isHidden: Bool) {
    btn2.isHidden = isHidden
    stackView.distribution = isHidden ? .leading : .equalSpacing
}

// 调用示例：隐藏按钮2
toggleButtonVisibility(true)

方法三：直接给按钮添加leading约束（不推荐，但可行） #

如果你不想修改StackView的分布，也可以给第一个按钮添加一个leadingAnchor等于StackView的leadingAnchor的约束（注意要设置约束的优先级高于StackView的布局优先级），不过这种方法可能会和StackView的自动布局产生冲突，需要调试约束优先级，所以不太推荐。

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