Autolayouts：Swift3/4中动态高度视图的折叠/展开实现问题

嘿，我刚好碰到过一模一样的问题，这就给你分享个完美适配动态内容、还支持后续添加子项的可折叠视图实现方案！

核心就是不要硬写固定高度，让系统自动计算内容的真实高度，结合约束的动态修改来实现折叠/展开：

步骤1：搭建基础布局并绑定约束引用 #

• 给你的内容容器视图（比如用来装动态子项的UIView）设置好top、leading、trailing约束，确保它在父视图里的位置固定。
• 给这个容器添加一个height约束，初始值随便填个临时值（比如200就行，后续会动态更新）。
• 把这个height约束拖到代码里，命名为contentHeightConstraint（记得用@IBOutlet修饰）。

步骤2：实现折叠/展开的切换逻辑 #

先定义一个变量记录当前状态，再写个切换方法，用动画让过渡更丝滑：

// 记录当前折叠状态
private var isContentCollapsed = false
// 内容容器视图的IBOutlet引用
@IBOutlet weak var contentContainerView: UIView!
@IBOutlet weak var contentHeightConstraint: NSLayoutConstraint!

func toggleContentCollapse() {
    isContentCollapsed.toggle()
    
    UIView.animate(withDuration: 0.3) {
        if self.isContentCollapsed {
            // 折叠时把高度设为0
            self.contentHeightConstraint.constant = 0
        } else {
            // 关键：让系统计算当前内容的真实高度
            self.contentContainerView.layoutIfNeeded()
            let fitHeight = self.contentContainerView.systemLayoutSizeFitting(UIView.layoutFittingCompressedSize).height
            self.contentHeightConstraint.constant = fitHeight
        }
        // 刷新布局让约束生效
        self.view.layoutIfNeeded()
    }
}

这里的systemLayoutSizeFitting会自动计算容器内所有内容所需的最小高度，不管你后续加多少子项都能适配。

步骤3：处理后续添加子项的高度更新 #

当你给容器添加新的子视图或者更新现有内容后，只需要调用下面这个方法，就能自动更新展开状态下的高度：

func updateContentHeight() {
    guard !isContentCollapsed else { return }
    
    contentContainerView.layoutIfNeeded()
    let newHeight = contentContainerView.systemLayoutSizeFitting(UIView.layoutFittingCompressedSize).height
    contentHeightConstraint.constant = newHeight
    
    UIView.animate(withDuration: 0.3) {
        self.view.layoutIfNeeded()
    }
}

每次添加完子项后调用它，视图就会平滑过渡到新的高度。

额外小技巧：用UIStackView简化布局 #

如果你的动态内容是一系列排列的子视图，直接用UIStackView作为容器会更省心——它会自动处理子视图的布局和间距，你只需要按照上面的方法修改stackView的height约束就行，不用手动调整子视图的约束。

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