隐藏UIView时约束会如何变化？无UIStackView的视图显隐处理

嘿，这个问题问得很实在，刚好我之前也处理过类似的场景，给你掰扯清楚👇

一、设置ViewB.isHidden = true时，约束会发生什么？ #

先给你敲个重点：设置isHidden只会让视图从屏幕上消失，它的约束完全不会自动失效、移除或者改变。

拿你举的例子来说，原来ViewA→ViewB→ViewC的排列约束，还有ViewB和父视图的左右约束，在ViewB隐藏后依然是活跃状态，会继续参与布局计算。这就导致一个很直观的问题：虽然ViewB看不见了，但它的约束还在“占着坑”，ViewA和ViewC之间依然会保持原来隔着ViewB的距离，不会自动靠拢——比如原来三个视图是紧密挨在一起的，隐藏ViewB后，ViewA和ViewC之间会空出ViewB原来的宽度，而不是直接贴在一起。

二、不使用UIStackView时，如何正确处理子视图的显示与隐藏？ #

UIStackView之所以好用，就是因为它会自动处理隐藏视图的占位问题，但不用它的话，就得咱们手动干预约束了，这里给你两种常用的靠谱方案：

方案1：手动切换约束的active状态 #

这是最直接的思路：提前给ViewB准备两套约束——一套是它显示时用的（和ViewA、ViewC的连接约束、自身宽高约束等），另一套是它隐藏时用的（比如把宽度设为0，或者让它完全贴在ViewA后面不占空间）。然后根据isHidden的状态切换约束的活跃性。

举个Swift代码例子，一看就懂：

// 提前定义两套约束的容器
var viewBShowConstraints: [NSLayoutConstraint] = []
var viewBHideConstraints: [NSLayoutConstraint] = []

// 初始化时设置约束
func setupViewConstraints() {
    // 显示状态的约束：ViewB和ViewA、ViewC紧密连接，宽度固定80
    viewBShowConstraints = [
        viewB.leadingAnchor.constraint(equalTo: viewA.trailingAnchor),
        viewC.leadingAnchor.constraint(equalTo: viewB.trailingAnchor),
        viewB.widthAnchor.constraint(equalToConstant: 80)
    ]
    
    // 隐藏状态的约束：ViewB宽度设为0，leading贴紧ViewA的trailing
    viewBHideConstraints = [
        viewB.leadingAnchor.constraint(equalTo: viewA.trailingAnchor),
        viewB.widthAnchor.constraint(equalToConstant: 0)
    ]
    
    // 默认显示ViewB，激活显示约束
    NSLayoutConstraint.activate(viewBShowConstraints)
}

// 切换ViewB显示/隐藏的方法
func toggleViewBVisibility() {
    viewB.isHidden = !viewB.isHidden
    
    if viewB.isHidden {
        // 先关闭显示约束，再激活隐藏约束，避免冲突
        NSLayoutConstraint.deactivate(viewBShowConstraints)
        NSLayoutConstraint.activate(viewBHideConstraints)
    } else {
        NSLayoutConstraint.deactivate(viewBHideConstraints)
        NSLayoutConstraint.activate(viewBShowConstraints)
    }
    
    // 触发布局更新，让变化立刻生效
    view.layoutIfNeeded()
}

方案2：动态修改约束的常量值 #

如果不想维护两套约束，也可以直接修改现有约束的常量值。比如把ViewB的宽度约束存为一个属性，隐藏时把宽度设为0，显示时再改回原来的值就行。

代码示例：

// 单独存下ViewB的宽度约束，方便后续修改
var viewBWidthConstraint: NSLayoutConstraint!

func setupViewConstraints() {
    // 创建ViewB的宽度约束，默认80
    viewBWidthConstraint = viewB.widthAnchor.constraint(equalToConstant: 80)
    
    // 其他连接约束：ViewA和ViewB、ViewB和ViewC紧密相连
    let viewAToViewB = viewB.leadingAnchor.constraint(equalTo: viewA.trailingAnchor)
    let viewBToViewC = viewC.leadingAnchor.constraint(equalTo: viewB.trailingAnchor)
    
    // 激活所有约束
    NSLayoutConstraint.activate([viewBWidthConstraint, viewAToViewB, viewBToViewC])
}

func toggleViewBVisibility() {
    viewB.isHidden = !viewB.isHidden
    
    // 直接修改宽度常量：隐藏时设为0，显示时恢复80
    viewBWidthConstraint.constant = viewB.isHidden ? 0 : 80
    
    // 触发布局更新
    view.layoutIfNeeded()
}

三、是否需要手动设置约束的active/inactive状态？ #

答案是必须要，除非你用了UIStackView（它会在视图隐藏时自动调整相关约束的优先级或者占位）。

因为前面说了，isHidden完全不影响约束的活跃状态——如果不手动调整约束，隐藏的视图依然会通过约束占据布局空间，最后就会出现“视图看不见但占着位置”的尴尬情况，达不到你想要的“隐藏后其他视图自动靠拢”的效果。

总结一下：isHidden只是视觉上的隐藏，约束该咋运作还咋运作；不用StackView的话，要么切换约束的active状态，要么动态修改约束常量，才能让布局符合你的预期~

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