Storyboard视图间距调整：隐藏中间视图后如何将间距改为10？

嘿，我来帮你搞定这个问题！你现在遇到的情况很典型：当你把第二个视图的高度设为0时，它和上下视图之间的两个10pt间距并没有消失，而是叠加在了一起，所以视图1和3之间就变成了20pt。下面给你几种靠谱的解决办法，优先推荐第一种哦！

方法1：用UIStackView（最省心的方案） #

这绝对是苹果官方推荐的最优解，用垂直栈视图来管理这三个视图的布局，一切都会变得很简单：

• 在Storyboard里拖一个垂直UIStackView，把三个视图都放进去
• 设置栈视图的Spacing为10，Alignment选Fill，Distribution根据你的需求选（比如Equal Spacing或者Fill）
• 之后要隐藏第二个视图的时候，直接这么写代码：

@IBOutlet weak var secondView: UIView!

// 隐藏第二个视图
secondView.isHidden = true

栈视图会自动忽略隐藏的子视图，直接让视图1和视图3挨在一起，它们之间的间距就是你设置的10pt，完全不用手动调整约束！

方法2：手动控制间距约束（不用栈视图的方案） #

如果你不想用栈视图，那可以通过关联间距约束来手动调整：

1. 在Storyboard里，给视图1到视图2的间距约束、视图2到视图3的间距约束分别添加IBOutlet，比如命名为topSpacing和bottomSpacing
2. 同时关联第二个视图的高度约束（就是你现在用的那个height）
3. 隐藏视图时，除了把高度设为0，还要把其中一个间距设为0，另一个保持10：

@IBOutlet var height: NSLayoutConstraint?
@IBOutlet weak var topSpacing: NSLayoutConstraint!
@IBOutlet weak var bottomSpacing: NSLayoutConstraint!

// 隐藏第二个视图的逻辑
height?.constant = 0
topSpacing.constant = 10
bottomSpacing.constant = 0
secondView.isHidden = true // 可选，让视图彻底隐藏，避免可能的交互问题
self.view.layoutIfNeeded() // 触发布局更新

这样视图1和3之间的间距就会是10pt了，原理就是去掉了中间视图和其中一个视图的间距，只保留一个10pt的间距。

方法3：添加直接的间距约束（进阶方案） #

你还可以在Storyboard里给视图1和视图3直接加一个间距为10pt的约束，把它的优先级设为低于原来的两个间距约束（比如设为990），然后默认保持禁用状态。当你要隐藏第二个视图时：

• 激活这个直接的间距约束
• 禁用原来的两个间距约束
• 把第二个视图的高度设为0并隐藏
  这样布局系统就会使用这个直接的10pt间距，效果也能达到预期。不过这个方法步骤稍多，不如前两种简洁。

总结一下，优先用UIStackView，代码最少，维护起来也最方便～

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