如何在自动布局缩小UIStackView时动态隐藏其中子视图？

问题分析 #

你之前的尝试存在两个核心问题：

1. 设置isHidden后未触发栈视图的布局更新，导致隐藏的视图仍占据空间；
2. layoutSubviews中用view.bounds.height判断压缩状态不准确——此时布局可能尚未完成，bounds值不是最终结果。

以下是两种推荐的实现方案，均基于自动布局周期，无需手动修改frame：

方案1：自定义CollapsibleStackView子类 #

通过自定义栈视图，将隐藏逻辑封装在内部，布局更可控：

class CollapsibleStackView: UIStackView {
    // 外部传入判断逻辑，对应你的visibilityManager
    var shouldConsiderHiding: ((UIView) -> Bool)?
    
    override func layoutSubviews() {
        super.layoutSubviews()
        
        var needsLayoutRefresh = false
        let compressionThreshold: CGFloat = 0.9 // 缓冲阈值，避免布局抖动
        
        for view in arrangedSubviews {
            guard shouldConsiderHiding?(view) == true, let button = view as? MyButton else {
                continue
            }
            
            let minRequiredHeight = button.intrinsicContentSize.height
            let currentHeight = button.frame.height
            let shouldHide = currentHeight < minRequiredHeight * compressionThreshold
            
            if button.isHidden != shouldHide {
                button.isHidden = shouldHide
                needsLayoutRefresh = true
            }
        }
        
        // 仅在状态变化时触发重新布局，避免循环调用
        if needsLayoutRefresh {
            setNeedsLayout()
        }
    }
}

使用方式 #

在父视图中绑定自定义栈视图，并传入判断逻辑：

let stackView = CollapsibleStackView()
stackView.shouldConsiderHiding = { view in
    return yourVisibilityManager.shouldBeVisible(view: view)
}

方案2：在父视图布局周期中处理 #

如果不想自定义栈视图，可在父视图的viewDidLayoutSubviews中实现逻辑：

class YourParentView: UIView {
    @IBOutlet weak var stackView: UIStackView!
    let visibilityManager = YourVisibilityManager()
    
    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        
        var needsUpdate = false
        let compressionThreshold: CGFloat = 0.9
        
        for view in stackView.arrangedSubviews {
            guard visibilityManager.shouldBeVisible(view: view), let button = view as? MyButton else {
                continue
            }
            
            let minHeight = button.intrinsicContentSize.height
            let currentHeight = button.frame.height
            let shouldHide = currentHeight < minHeight * compressionThreshold
            
            if button.isHidden != shouldHide {
                button.isHidden = shouldHide
                needsUpdate = true
            }
        }
        
        if needsUpdate {
            stackView.setNeedsLayout()
            stackView.layoutIfNeeded()
        }
    }
}

关键注意事项 #

1. 避免布局循环：仅在视图可见性实际变化时触发布局更新，防止layoutSubviews反复调用；
2. 缓冲阈值：加入0.9这类缓冲系数，避免因布局微小波动导致视图频繁显示/隐藏抖动；
3. 优先级配合：给需要优先保留的视图设置更高的内容压缩优先级，让栈视图优先压缩低优先级视图：

   // 给需要优先隐藏的按钮设置低优先级
   button.setContentCompressionResistancePriority(.defaultLow, for: .vertical)
   

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