iOS中如何根据CollectionView行数动态调整ScrollView高度？

这个需求在iOS开发里太常见了——ScrollView包裹一堆动态高度的元素，其中还包括会随行数变化的CollectionView/TableView，要让整个ScrollView能流畅滚动，核心就是让ScrollView的contentSize能自动跟着内部所有元素的总高度走。我来一步步给你讲清楚怎么实现：

一、先搞定ScrollView的基础布局 #

ScrollView的Auto Layout逻辑和普通视图不一样，直接往里面丢子视图很容易出问题，正确的做法是先给它套一个contentView作为所有子元素的容器：

1. 给ScrollView添加和父视图的约束：比如top、leading、trailing、bottom全和父视图对齐（或者根据你的UI需求调整边距）。
2. 在ScrollView内部添加一个UIView作为contentView，给它设置4个关键约束：
   • top、leading、trailing、bottom分别和ScrollView的contentLayoutGuide对齐
   • width等于ScrollView的frameLayoutGuide的width（确保contentView宽度和ScrollView一致，不会横向滚动）

这样contentView的高度就会完全由内部子元素的总高度撑开，ScrollView的contentSize也会自动匹配contentView的大小。

二、配置CollectionView的动态高度 #

CollectionView默认需要固定高度，要让它随行数动态变化，需要两步：

1. 让CollectionView的Cell能自动计算高度 #

如果用的是UICollectionViewFlowLayout，先开启自动尺寸：

if let layout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout {
    layout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize
    layout.minimumLineSpacing = 8 // 根据你的UI调整行间距
}

同时必须保证Cell内部的约束是完整的：比如Cell里的Label设置numberOfLines = 0，并且Label的leading、trailing、top、bottom都和Cell的contentView对齐，这样Cell的高度才能根据内容自动计算。

2. 让CollectionView的高度自适应内容 #

给CollectionView添加一个height约束（初始值可以设为0），然后把这个约束拖成IBOutlet，命名为collectionViewHeightConstraint。接下来需要监听CollectionView的contentSize变化，实时更新这个约束的constant：

方法一：用KVO监听contentSize

override func viewDidLoad() {
    super.viewDidLoad()
    // 注册监听
    collectionView.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", let newSize = change?[.newKey] as? CGSize else {
        super.observeValue(forKeyPath: keyPath, of: object, change: change, context: context)
        return
    }
    collectionViewHeightConstraint.constant = newSize.height
}

// 记得在销毁时移除监听
deinit {
    collectionView.removeObserver(self, forKeyPath: "contentSize")
}

方法二：在viewDidLayoutSubviews中更新

如果觉得KVO麻烦，也可以在视图布局完成后更新约束：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    collectionViewHeightConstraint.constant = collectionView.contentSize.height
}

这个方法会被多次调用，但更新约束是安全的，不会有性能问题。

三、布局其他元素（图片、文本、按钮等） #

把图片、Label、按钮这些元素依次添加到contentView里，设置连续的垂直约束：

• 图片的top和contentView的top对齐，leading/trailing和contentView对齐
• Label的top和图片的bottom对齐，leading/trailing和contentView对齐
• 按钮的top和Label的bottom对齐，leading/trailing（或固定宽度）对齐
• CollectionView的top和按钮的bottom对齐，leading/trailing和contentView对齐
• 最后给contentView的bottom和CollectionView的bottom添加约束

这样所有元素就会形成一个垂直的约束链，contentView的高度会自动计算所有元素的总高度，ScrollView自然就能流畅滚动了。

四、TableView的情况同理 #

如果是ScrollView包裹TableView，思路完全一样：

1. 给TableView设置rowHeight = UITableView.automaticDimension，estimatedRowHeight = 44（或其他估计值）
2. 给TableView添加height约束的IBOutlet
3. 监听TableView的contentSize变化，更新height约束的constant

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