如何在Table View Cell中实现两个自适应视图的内容包裹布局？

嗨，这种在TableViewCell里嵌套两个自适应滚动控件的需求我之前也碰到过，Xcode要求添加高度约束是因为自动布局需要明确的垂直方向尺寸参考，咱们可以通过「动态约束更新+内容高度监听」来实现wrap content的效果，一步步来：

步骤1：配置上方CollectionView的自适应高度 #

• 先给CollectionView设置基础约束：top、leading、trailing分别绑定到cell的contentView对应边缘，bottom绑定到下方内部TableView的top。
• 给CollectionView添加一个高度约束，初始值可以设为0或者一个临时占位值（比如100），然后在代码里创建这个约束的IBOutlet引用，命名比如collectionViewHeightConstraint。
• 开启CollectionView的自动尺寸计算：设置其FlowLayout的estimatedItemSize = UICollectionViewFlowLayout.automaticSize，同时确保CollectionView的每个cell都通过自动布局正确计算自身大小（比如cell内的控件都有完整的约束链）。
• 监听CollectionView的内容尺寸变化，动态更新高度约束：
  可以在CollectionView数据刷新后手动计算，或者用KVO监听contentSize属性。比如在reload数据后执行：

  // 更新CollectionView高度为内容实际高度
  collectionViewHeightConstraint.constant = collectionView.contentSize.height
  // 强制刷新布局
  self.layoutIfNeeded()
  // 通知主TableView更新当前cell的高度
  if let mainTableView = self.superview?.superview as? UITableView {
      mainTableView.beginUpdates()
      mainTableView.endUpdates()
  }
  

步骤2：配置下方内部TableView的自适应高度 #

• 给内部TableView设置基础约束：leading、trailing、bottom分别绑定到cell的contentView对应边缘，top绑定到上方CollectionView的bottom。
• 同样添加一个高度约束，创建IBOutlet引用比如innerTableViewHeightConstraint，初始值设为临时占位值。
• 关闭内部TableView的滚动：innerTableView.isScrollEnabled = false，避免和主TableView的滚动冲突，同时让所有内容都显示在cell内。
• 监听内部TableView的内容尺寸变化，动态更新高度约束：
  同样在reload数据后执行：

  innerTableViewHeightConstraint.constant = innerTableView.contentSize.height
  self.layoutIfNeeded()
  // 通知主TableView更新cell高度
  if let mainTableView = self.superview?.superview as? UITableView {
      mainTableView.beginUpdates()
      mainTableView.endUpdates()
  }
  

步骤3：确保主TableView支持Cell自适应高度 #

• 给主TableView设置自动行高：

  mainTableView.estimatedRowHeight = 200 // 设置一个合理的预估高度
  mainTableView.rowHeight = UITableView.automaticDimension
  

• 确保主cell的contentView有完整的垂直约束链：从contentView的top到CollectionView的top，CollectionView的bottom到内部TableView的top，内部TableView的bottom到contentView的bottom，这样自动布局才能正确计算cell的总高度。

额外注意事项 #

• 如果CollectionView的内容会动态变化（比如添加/删除item），记得在内容变化后重复执行高度更新的代码。
• 内部TableView的cell也要支持自适应高度，同样设置estimatedRowHeight和rowHeight = UITableView.automaticDimension，不然内部TableView的contentSize计算会不准确。

附上你提供的布局参考图：

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