如何为水平滚动collectionView动态调整高度约束，避免单元格变为多行网格布局

你当前的逻辑完全搞反了执行顺序：初始高度约束设为10时，collectionView会立刻按这个10的垂直高度去自动布局，只要你的cell实际高度大于10，垂直空间放不下单个cell，系统就会自动把内容折成多行排布。这时候你再去取contentSize.height，拿到的是多行折叠后的总高度，再把这个值赋值回高度约束，自然就会出现你现在看到的网格排布效果。

1. 先从布局配置上固定单行规则 #

给水平滚动的collectionView配置好flowLayout参数，从规则上减少折行的可能：

// 确认滚动方向为水平
self.col_offers.scrollDirection = .horizontal
guard let layout = self.col_offers.collectionViewLayout as? UICollectionViewFlowLayout else { return }
// 水平方向item间距按需求设置
layout.minimumLineSpacing = 12
// 垂直方向item间距设为0，消除垂直方向排布的空间
layout.minimumInteritemSpacing = 0
// 上下内边距设为0，只留你需要的左右内边距
layout.sectionInset = UIEdgeInsets(top: 0, left: 16, bottom: 0, right: 16)

注意：flowLayout的折行逻辑是根据当前可用的垂直高度判断的，只要垂直空间不够放单个cell，就会自动换行，所以绝对不能在初始高度10的时候让layout先跑一遍再取contentSize。

2. 主动计算正确的单行高度，不要依赖布局后的contentSize #

collectionView的高度不需要从contentSize反推，应该是你主动计算出能放下单个cell的高度，再赋值给约束，从一开始就给layout足够的垂直空间，它自然就会排成单行：

• 如果是固定高度的cell：直接把cell的固定高度（加上你设置的上下内边距）赋值给约束即可

  // 比如你的cell固定高度为80，上下内边距为0
  let correctHeight: CGFloat = 80
  self.hei_col_offers.constant = correctHeight
  self.view.layoutIfNeeded()
  

• 如果是自适应高度的cell：在collectionView reload之前，提前遍历所有数据源内容，计算出所有cell中的最大高度，赋值给约束，再触发reload

  // 提前计算所有cell的最大高度
  var maxCellHeight: CGFloat = 0
  for item in offerDataSource {
      // 替换成你自己的cell高度计算逻辑
      let cellHeight = Self.calculateCellHeight(for: item)
      maxCellHeight = max(maxCellHeight, cellHeight)
  }
  // 赋值高度约束
  self.hei_col_offers.constant = maxCellHeight
  // 再触发数据加载和布局
  self.col_offers.reloadData()
  self.view.layoutIfNeeded()
  

3. 兜底方案：强制单行布局 #

如果还是担心出现折行问题，可以替换成自定义的单行水平flowLayout，从布局层面强制所有cell只沿水平方向排布：

class SingleLineFlowLayout: UICollectionViewFlowLayout {
    override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        let attributes = super.layoutAttributesForElements(in: rect)
        attributes?.forEach { attr in
            // 只处理普通cell，跳过header、footer等装饰元素
            if attr.representedElementKind == nil {
                // 强制所有cell的垂直位置固定为0，不会出现上下换行的情况
                attr.frame.origin.y = 0
            }
        }
        return attributes
    }
}

内容的提问来源于stack exchange，提问作者lakshmi sravya Gajavalli