iOS 10中使用TabBar Controller时Collection View高度计算错误问题

嘿，我之前也碰到过类似的嵌套容器+水平CollectionView的布局坑，结合你的场景（TabBarController → 带Container View的VC → 引用外部Storyboard的VC → 水平滚动CollectionView），给你几个针对性的解决方案，应该能搞定Cell顶部遮挡和高度计算错误的问题：

1. 先把容器视图的约束拉满 #

首先要确保嵌套的每一层视图约束都是“完全贴合”的，这是布局正确的基础：

• 检查Container View和它嵌入的外部Storyboard VC之间的约束：必须是上下左右全边缘对齐（Leading/Trailing/Top/Bottom都和Container View绑定，没有额外的间距）。如果是Storyboard拖拽生成的Container View，默认的嵌入segue会自动加约束，但建议手动核对一遍，避免约束遗漏或冲突。
• 确认外部Storyboard里的VC的edgesForExtendedLayout属性设置为.all（默认就是这个值，但如果被修改过会影响布局）：

  override func viewDidLoad() {
      super.viewDidLoad()
      edgesForExtendedLayout = .all
  }
  

2. 修正水平CollectionView的核心布局配置 #

水平滚动的CollectionView和垂直的布局逻辑差异很大，这是最容易踩坑的地方：

• 给Cell补全完整的Auto Layout约束：Cell内部必须有从顶部到底部的完整约束链（比如UILabel的Top绑定Cell Top，Bottom绑定Cell Bottom，同时设置宽度或内容宽度约束），这样系统才能正确计算Cell的高度。
• 开启自动尺寸计算并禁用自动内边距调整：
  在CollectionView所在的VC的viewDidLoad里添加这段代码：

  if let flowLayout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout {
      flowLayout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize
      flowLayout.scrollDirection = .horizontal
  }
  // 关键：禁用自动内边距调整，避免嵌套布局下的额外偏移
  collectionView.contentInsetAdjustmentBehavior = .never
  

  iOS 11+之后，contentInsetAdjustmentBehavior替代了旧的automaticallyAdjustsScrollViewInsets，设置为.never可以防止系统给CollectionView自动添加多余的内边距，导致Cell顶部被遮挡。

3. 强制在布局完成后刷新CollectionView #

嵌套层级的布局更新可能存在延迟，我们可以在VC的viewDidLayoutSubviews里手动触发布局刷新，确保CollectionView拿到正确的父视图尺寸：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    // 强制刷新布局，重新计算Cell尺寸
    collectionView.collectionViewLayout.invalidateLayout()
}

4. 排查Size Class与Storyboard配置 #

如果以上方法都没效果，检查一下Storyboard的Size Class设置：

• 确保所有涉及的ViewController、Container View、CollectionView的Size Class都是Any/Any（通用配置），避免局部的Size Class适配导致布局约束在不同设备上失效。
• 确认CollectionView的translatesAutoresizingMaskIntoConstraints属性设置为false，确保完全使用Auto Layout约束，而不是系统自动转换的旧约束。

按照这个顺序排查下来，应该就能解决你的Cell高度计算错误和顶部遮挡问题了！

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