如何动态调整UICollectionView高度适配内容且不超Storyboard初始值

嘿，我明白你遇到的问题了——直接取collectionViewContentSize.height经常掉坑，因为collectionView的布局往往还没完成更新，你就拿到旧值了。咱们一步步来搞定这个需求，确保两个collectionView的高度只会往小缩，绝对不会超过你在Storyboard里设的初始高度：

1. 确认基础约束设置 #

先确保你在Storyboard里的操作没毛病：

• 给每个UICollectionView设置固定高度约束，比如设为200（这就是你的最大允许高度）
• 把这个高度约束拖成代码里的IBOutlet，比如@IBOutlet weak var deadlineCollectionViewHeight: NSLayoutConstraint!，对应另一个collectionView也做同样操作

2. 核心逻辑：等布局更新完成后再计算高度 #

直接在添加数据后取内容高度的问题在于，collectionView的布局还没来得及刷新，拿到的是旧数据的高度。这里有两种靠谱的实现方式：

方式一：用KVO监听contentSize变化 #

这种方式能实时响应内容大小的变化，适合动态添加/删除数据的场景：

override func viewDidLoad() {
    super.viewDidLoad()
    // 给两个collectionView添加KVO监听
    deadlinesCollectionView.addObserver(self, forKeyPath: "contentSize", options: [.new], context: nil)
    anotherCollectionView.addObserver(self, forKeyPath: "contentSize", options: [.new], context: nil)
}

override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
    guard keyPath == "contentSize" else {
        super.observeValue(forKeyPath: keyPath, of: object, change: change, context: context)
        return
    }
    
    if let collectionView = object as? UICollectionView {
        // 匹配对应的高度约束
        let heightConstraint: NSLayoutConstraint
        if collectionView == deadlinesCollectionView {
            heightConstraint = deadlineCollectionViewHeight
        } else {
            heightConstraint = anotherCollectionViewHeight // 替换成你第二个collectionView的高度约束
        }
        
        // 关键：取内容高度和初始约束值的较小值，确保不超最大高度
        let maxAllowedHeight = heightConstraint.constant
        let newHeight = min(collectionView.contentSize.height, maxAllowedHeight)
        
        // 只有高度变化时才更新，避免不必要的布局刷新
        if heightConstraint.constant != newHeight {
            heightConstraint.constant = newHeight
            // 可选：添加平滑过渡动画
            UIView.animate(withDuration: 0.2) {
                self.view.layoutIfNeeded()
            }
        }
    }
}

// 务必在销毁时移除观察者，防止内存泄漏
deinit {
    deadlinesCollectionView.removeObserver(self, forKeyPath: "contentSize")
    anotherCollectionView.removeObserver(self, forKeyPath: "contentSize")
}

方式二：在数据更新后强制刷新布局 #

如果你是在特定时机（比如点击按钮添加数据）更新内容，也可以手动触发布局刷新后再计算高度：

func updateDeadlineData(with newItem: YourDataModel) {
    // 先更新数据源
    self.deadlinesData.append(newItem)
    // 刷新collectionView
    deadlinesCollectionView.reloadData()
    
    // 强制让布局立即更新（必须在主线程执行）
    DispatchQueue.main.async {
        self.deadlinesCollectionView.layoutIfNeeded()
        
        // 计算新高度：不超过初始值
        let maxHeight = self.deadlineCollectionViewHeight.constant
        let contentHeight = self.deadlinesCollectionView.collectionViewLayout.collectionViewContentSize.height
        self.deadlineCollectionViewHeight.constant = min(contentHeight, maxHeight)
        
        // 刷新父视图布局
        self.view.layoutIfNeeded()
    }
}

3. 额外优化建议 #

• 如果collectionView的高度刚好等于内容高度，可以把collectionView.isScrollEnabled设为false，避免出现多余的滚动条（可选）
• 把高度调整逻辑封装成通用方法，避免重复代码：

func adjustCollectionViewHeight(_ collectionView: UICollectionView, heightConstraint: NSLayoutConstraint) {
    DispatchQueue.main.async {
        collectionView.layoutIfNeeded()
        let maxHeight = heightConstraint.constant
        let contentHeight = collectionView.collectionViewLayout.collectionViewContentSize.height
        heightConstraint.constant = min(contentHeight, maxHeight)
        self.view.layoutIfNeeded()
    }
}

之后更新数据后直接调用adjustCollectionViewHeight(deadlinesCollectionView, heightConstraint: deadlineCollectionViewHeight)即可，代码更简洁。

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