UICollectionView动态宽度单元格行内间距异常问题求助

你的问题根源是UICollectionViewFlowLayout默认会在一行剩余空间充足时，自动扩大item间的间距来填充整行宽度，导致短文本单元格间距过大，长单元格被挤到下一行。要实现你要的效果（固定item间距，剩余空间留行尾），有两种可行方案：

方案一：使用UICollectionViewCompositionalLayout（iOS 13+ 推荐） #

CompositionalLayout是苹果推出的更灵活的布局系统，能直接设置item的固定间距和左对齐逻辑，无需复杂自定义：

// 创建自定义布局
func createCollectionViewLayout() -> UICollectionViewLayout {
    // 定义item尺寸：宽度用estimated（适配动态文本），高度固定48
    let itemSize = NSCollectionLayoutSize(
        widthDimension: .estimated(100),
        heightDimension: .absolute(48)
    )
    let item = NSCollectionLayoutItem(layoutSize: itemSize)
    
    // 定义组（一行）：宽度占满collectionView，高度固定48
    let groupSize = NSCollectionLayoutSize(
        widthDimension: .fractionalWidth(1.0),
        heightDimension: .absolute(48)
    )
    let group = NSCollectionLayoutGroup.horizontal(layoutSize: groupSize, subitems: [item])
    group.interItemSpacing = .fixed(16) // 设置固定的item间间距，按需调整
    group.contentInsets = NSDirectionalEdgeInsets(top: 0, leading: 16, bottom: 0, trailing: 16) // 可选：section内边距
    
    // 定义section
    let section = NSCollectionLayoutSection(group: group)
    section.interGroupSpacing = 16 // 行与行之间的间距，按需调整
    
    return UICollectionViewCompositionalLayout(section: section)
}

初始化CollectionView时使用该布局：

let collectionView = UICollectionView(
    frame: view.bounds,
    collectionViewLayout: createCollectionViewLayout()
)

方案二：自定义UICollectionViewFlowLayout（兼容iOS 12及以下） #

如果需要兼容更低版本系统，可自定义FlowLayout，重写布局属性调整逻辑，强制item左对齐并保持固定间距：

class LeftAlignedFlowLayout: UICollectionViewFlowLayout {
    override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        guard let originalAttrs = super.layoutAttributesForElements(in: rect) else { return nil }
        var adjustedAttrs = [UICollectionViewLayoutAttributes]()
        var currentRowStartX: CGFloat = sectionInset.left
        
        for attrs in originalAttrs {
            // 只处理cell的布局属性
            guard attrs.representedElementCategory == .cell else {
                adjustedAttrs.append(attrs)
                continue
            }
            
            // 新行的第一个cell，重置起始X
            if attrs.frame.origin.x == sectionInset.left {
                currentRowStartX = sectionInset.left
            } else {
                // 非首cell，设置为上一个cell的右侧+固定间距
                attrs.frame.origin.x = currentRowStartX
            }
            
            // 更新下一个cell的起始X
            currentRowStartX = attrs.frame.maxX + minimumInteritemSpacing
            adjustedAttrs.append(attrs)
        }
        return adjustedAttrs
    }
}

使用时初始化该布局并设置参数：

let layout = LeftAlignedFlowLayout()
layout.minimumInteritemSpacing = 16 // 固定item间距
layout.minimumLineSpacing = 16 // 行间距
layout.sectionInset = UIEdgeInsets(top: 0, left: 16, bottom: 0, right: 16) // 内边距

let collectionView = UICollectionView(
    frame: view.bounds,
    collectionViewLayout: layout
)

原代码保留说明 #

你原来的sizeForItemAt和setTextCellSize方法无需修改，它们负责计算动态单元格的宽度，上述两种布局方案都会基于这个宽度来排列单元格，仅调整对齐和间距逻辑。

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