UICollectionView单元格适配：全屏宽保原高的更优实现方案问询

这个需求我太熟悉了——做过不少多类型UICollectionView的项目，一开始也用过实例化NIB拿高度的路子，确实有点繁琐还费性能。针对你要20余种不同单元格的场景，有几个更优雅的方案分享给你：

这是苹果官方推荐的方式，完全不需要手动实例化NIB来拿高度，适配多类型单元格也很省心：

• 第一步：给每个单元格的内部视图做好完整的自动布局约束（从顶部到底部、左侧到右侧都要有明确约束，确保系统能算出准确的高度）。
• 第二步：配置你的UICollectionViewFlowLayout：

  let flowLayout = UICollectionViewFlowLayout()
  // 开启自动尺寸计算
  flowLayout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize
  // 统一设置全屏宽度
  func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
      let fullWidth = collectionView.bounds.width - flowLayout.sectionInset.left - flowLayout.sectionInset.right
      // 高度让系统自动计算，这里返回一个预估高度即可（建议根据单元格类型动态调整）
      let estimatedHeight: CGFloat = 100
      return CGSize(width: fullWidth, height: estimatedHeight)
  }
  

• 原理：设置estimatedItemSize为自动尺寸后，系统会根据单元格内部的约束自动计算真实高度，你只需要保证宽度是全屏的就行，全程无需额外实例化单元格，性能拉满。

如果部分单元格的高度依赖动态内容（比如加载后的图片、可变长度文本），可以提前计算并缓存高度，避免滚动时重复计算：

• 准备一个字典作为缓存容器：var heightCache: [IndexPath: CGFloat] = [:]（也可以按单元格类型缓存，比如[CellType: CGFloat]）
• 在sizeForItemAt方法里先查缓存，没有的话再计算：

  func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
      let fullWidth = collectionView.bounds.width - flowLayout.sectionInset.left - flowLayout.sectionInset.right
      
      // 优先读取缓存
      if let cachedHeight = heightCache[indexPath] {
          return CGSize(width: fullWidth, height: cachedHeight)
      }
      
      // 无缓存时，创建临时单元格计算高度（无需从NIB实例化，直接用类初始化）
      let cell = YourTargetCell()
      // 给cell设置对应的数据，模拟真实布局状态
      cell.configure(with: yourDataSource[indexPath.item])
      // 计算高度
      let targetSize = CGSize(width: fullWidth, height: UIView.layoutFittingCompressedSize.height)
      let calculatedHeight = cell.systemLayoutSizeFitting(
          targetSize,
          withHorizontalFittingPriority: .required, // 宽度固定
          verticalFittingPriority: .fittingSizeLevel // 高度自适应
      ).height
      
      // 存入缓存
      heightCache[indexPath] = calculatedHeight
      
      return CGSize(width: fullWidth, height: calculatedHeight)
  }
  

• 注意：如果单元格内容动态变化（比如图片加载完成），记得更新缓存并刷新对应的indexPath。

针对20余种不同设计的单元格，把每个单元格的高度计算逻辑封装到各自的类里，后续维护会清晰很多：

• 在每个自定义Cell类里添加一个类方法，负责计算自身高度：

  class CustomCellA: UICollectionViewCell {
      static func calculateHeight(for data: CellAData, width: CGFloat) -> CGFloat {
          // 根据数据和宽度，结合内部布局计算高度
          // 比如动态文本高度用boundingRect计算，图片高度按宽高比推导
          let textWidth = width - 20 // 减去左右内边距
          let textHeight = data.content.boundingRect(
              with: CGSize(width: textWidth, height: CGFloat.greatestFiniteMagnitude),
              options: .usesLineFragmentOrigin,
              attributes: [.font: UIFont.systemFont(ofSize: 16)],
              context: nil
          ).height
          return 80 + textHeight // 80是固定元素的总高度
      }
  }
  

• 然后在sizeForItemAt里根据单元格类型调用对应的计算方法：

  func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
      let fullWidth = collectionView.bounds.width - flowLayout.sectionInset.left - flowLayout.sectionInset.right
      let cellType = yourCellTypeList[indexPath.item]
      
      var height: CGFloat = 0
      switch cellType {
      case .typeA:
          height = CustomCellA.calculateHeight(for: dataA, width: fullWidth)
      case .typeB:
          height = CustomCellB.calculateHeight(for: dataB, width: fullWidth)
      // 其他类型依次处理...
      }
      
      return CGSize(width: fullWidth, height: height)
  }
  

• 优势：每个单元格的高度计算逻辑和自身绑定，后续修改单元格布局时，直接修改对应的计算方法即可，不会影响其他单元格，代码耦合度极低，适合多类型场景。

每次从NIB实例化单元格都会有IO开销，滚动时频繁调用很容易造成卡顿；而且20余种单元格的情况下，代码会变得臃肿不堪，维护成本极高。上面的几个方案都能完美规避这些问题，性能和可维护性都更优。

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