Swift中如何通过Auto Layout约束让ScrollView的contentSize自适应内容高度？

我来给你一步步拆解怎么实现这个需求，其实UIScrollView的Auto Layout逻辑和普通视图有点不一样，抓准核心规则就好办了：

1. 先给containerScrollView绑定父视图约束 #

首先得让containerScrollView填满它的父视图（比如ViewController的view），确定它的显示范围：

// 假设你是把scrollView添加到当前VC的view里
view.addSubview(containerScrollView)
containerScrollView.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    containerScrollView.topAnchor.constraint(equalTo: view.topAnchor),
    containerScrollView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    containerScrollView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    containerScrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
])

2. 关键：给contentView配置和scrollView的约束 #

UIScrollView有两个特殊的布局指南——contentLayoutGuide（对应内容区域）和frameLayoutGuide（对应scrollView自身的显示区域），这是实现自动适配的核心：

containerScrollView.addSubview(contentView)
contentView.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    // 让contentView的四边和scrollView的内容区域完全对齐
    contentView.topAnchor.constraint(equalTo: containerScrollView.contentLayoutGuide.topAnchor),
    contentView.leadingAnchor.constraint(equalTo: containerScrollView.contentLayoutGuide.leadingAnchor),
    contentView.trailingAnchor.constraint(equalTo: containerScrollView.contentLayoutGuide.trailingAnchor),
    contentView.bottomAnchor.constraint(equalTo: containerScrollView.contentLayoutGuide.bottomAnchor),
    
    // 让contentView的宽度和scrollView的显示宽度一致，避免横向滚动（如果不需要横向滚动的话）
    contentView.widthAnchor.constraint(equalTo: containerScrollView.frameLayoutGuide.widthAnchor)
])

3. 给contentView的子视图补全垂直约束链 #

最后一步，你需要确保contentView内部的所有子视图，形成从顶部到底部的完整约束关系。比如你有标签、按钮、图片这些元素，约束要连成这样的链条：
contentView.top → 第一个子视图.top → 第一个子视图.bottom → 第二个子视图.top → ... → 最后一个子视图.bottom → contentView.bottom

举个简单的子视图约束例子：

let longLabel = UILabel()
longLabel.text = "这里放一段很长很长的文本，或者添加多个高度固定的子视图，用来撑开contentView的高度..."
longLabel.numberOfLines = 0
contentView.addSubview(longLabel)
longLabel.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    longLabel.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 20),
    longLabel.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 16),
    longLabel.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -16),
    // 最后把这个子视图的底部和contentView的底部绑定，形成完整的垂直约束链
    longLabel.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -20)
])

这样一套配置下来，containerScrollView的contentSize就会自动跟着contentView的高度变化，当子视图总高度超过scrollView的显示高度时，就会自动出现纵向滚动效果啦。

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