UIStackView 隐藏/显示动画效果不符合预期问题排查

核心原因 #

直接在动画块里修改isHidden是瞬时状态切换，不会触发StackView对高度约束的平滑过渡；再加上你给绿色视图设置了固定高度约束，StackView无法自动调整它的尺寸动画，最终导致了视图状态和StackView布局不同步的问题。

解决步骤 #

1. 调整绿色视图的高度约束：
   • 要么直接移除固定高度约束，要么将该约束的优先级调低（比如设为High(750)，低于StackView的布局优先级），让StackView可以控制视图的高度变化。
2. 通过修改高度约束常量实现动画，替代直接切换isHidden：
   • 给绿色视图的高度约束添加IBOutlet引用，命名为viewToHideHeightConstraint
   • 在动画逻辑中修改约束常量，配合layoutIfNeeded()触发布局动画，动画完成后再切换isHidden（可选，用于彻底隐藏视图避免无效交互）

修改后的代码示例：

@IBOutlet weak var viewToHideHeightConstraint: NSLayoutConstraint!
@IBOutlet weak var viewToHide: UIView!

@IBAction func didSelect(_ sender: UIButton) {
    let isCurrentlyHidden = viewToHideHeightConstraint.constant == 0
    
    // 要显示视图时，先恢复可见状态
    if isCurrentlyHidden {
        viewToHide.isHidden = false
    }
    
    // 设置目标高度（200为你原来设置的固定高度值）
    viewToHideHeightConstraint.constant = isCurrentlyHidden ? 200 : 0
    
    // 执行平滑布局动画
    UIView.animate(withDuration: 3) {
        self.view.layoutIfNeeded()
    } completion: { _ in
        // 动画结束后彻底隐藏视图（避免高度为0但仍可交互）
        if !isCurrentlyHidden {
            self.viewToHide.isHidden = true
        }
    }
}

3. 确认StackView属性设置正确：
   • axis属性设为Vertical
   • distribution选择Fill或FillEqually（根据你的布局需求）
   • spacing设置合理值，保证动画过程中间距也能平滑过渡

补充说明 #

如果一定要保留固定高度约束，调低它的优先级即可，但更推荐通过控制高度约束常量的方式实现动画，这样能保证视图状态和StackView布局完全同步。

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