Swift：为CollectionView中不同宽度的Cell设置固定间距

哎，这个问题我太熟了！之前做标签云功能的时候跟你遇到一模一样的坑——动态宽度的Cell要实现均等间距，光调FlowLayout的minimumInteritemSpacing、minimumLineSpacing或者内边距根本没用，系统只会按默认逻辑分配剩余空间，结果就是间距忽大忽小。给你两个靠谱的解决思路，亲测有效：

方法一：自定义FlowLayout（最推荐，可控性最强） #

直接写个自定义的FlowLayout，重写布局属性的计算逻辑，手动把每行的剩余空间平均分配给Cell的左右间距，这样就能保证每个Cell之间的间距完全一致，甚至还能让整行Cell居中显示。

代码示例：

class EqualSpacingFlowLayout: UICollectionViewFlowLayout {
    override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        guard let originalAttributes = super.layoutAttributesForElements(in: rect) else {
            return nil
        }
        // 先把Cell按行分组
        var rowGroups: [[UICollectionViewLayoutAttributes]] = []
        var currentRowY: CGFloat = -1
        
        for attr in originalAttributes {
            if attr.frame.origin.y != currentRowY {
                currentRowY = attr.frame.origin.y
                rowGroups.append([])
            }
            rowGroups.last?.append(attr)
        }
        
        // 处理每行的间距
        let collectionWidth = collectionView?.bounds.width ?? 0
        let sectionInsets = self.sectionInset
        let usableWidth = collectionWidth - sectionInsets.left - sectionInsets.right
        
        for row in rowGroups {
            // 计算当前行所有Cell的总宽度
            let totalCellWidth = row.reduce(0) { $0 + $1.frame.width }
            // 剩余可分配的空间
            let remainingSpace = usableWidth - totalCellWidth
            // 把剩余空间平均分给每个Cell的左右间隙（包括首尾）
            let spacingPerGap = remainingSpace / CGFloat(row.count + 1)
            
            // 重新设置每个Cell的X坐标
            var currentX = sectionInsets.left + spacingPerGap
            for attr in row {
                attr.frame.origin.x = currentX
                currentX += attr.frame.width + spacingPerGap
            }
        }
        
        return originalAttributes
    }
}

然后在你的ViewController里，把CollectionView的布局换成这个自定义的：

let customLayout = EqualSpacingFlowLayout()
customLayout.minimumLineSpacing = 12 // 行间距可以根据需求自己设
collectionView.collectionViewLayout = customLayout

方法二：通过代理方法手动计算（适合简单场景） #

如果不想自定义布局，也可以在UICollectionViewDelegateFlowLayout里动态调整，但需要提前算出所有Cell的宽度，然后计算每行的间距：

1. 先提前计算好每个技能对应的Cell宽度（要和Cell内Label的字体、内边距保持一致，避免计算偏差）：

func calculateCellWidth(for text: String) -> CGFloat {
    let label = UILabel()
    label.font = UIFont.systemFont(ofSize: 14) // 用你Cell里Label的字体
    label.text = text
    let size = label.sizeThatFits(CGSize(width: CGFloat.greatestFiniteMagnitude, height: 30)) // 固定Cell高度
    return size.width + 16 // 加上Cell的左右内边距
}

2. 实现代理方法，动态返回间距：
   不过这个方法需要自己跟踪每行的Cell数量，相对麻烦一些，所以更推荐第一种自定义布局的方式。

额外注意点 #

• 计算Cell宽度时，一定要把Cell的内边距、Label的内边距都算进去，不然会出现文字显示不全或者间距计算不准的问题。
• 如果你的CollectionView支持横向滚动，那逻辑会更简单，直接把剩余空间平均分配到所有Cell的间距即可，但上面的自定义布局已经支持多行的情况了。

试一下第一种方法，应该就能解决你的间距不均问题了！

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