如何在UICollectionView中移除特定单元格间的间距？

我懂你现在的困扰——你想让UICollectionView里的某些单元格贴在一起（间距设为0），其他单元格保持原来的默认间距，但尝试在cellForItemAt里修改minimumLineSpacing完全不管用，对吧？

为什么cellForItemAt里的操作无效？ #

你改的self.minimumLineSpacing是UICollectionViewFlowLayout的全局属性，它会作用于整个section的所有单元格，没办法单独控制某一个或某几个cell的间距。而且cellForItemAt是用来创建、配置cell的方法，此时布局计算已经基本完成，修改全局属性只会打乱所有cell的布局，根本实现不了你要的“局部合并”效果。

正确的实现方式 #

想要单独调整特定单元格的间距，我们需要通过自定义布局属性来实现，下面给你两种可行的方案：

方案1：使用UICollectionViewDelegateFlowLayout代理方法

首先确保你的ViewController遵守UICollectionViewDelegateFlowLayout协议，然后通过代理方法修改特定item的布局属性：

class YourViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {
    // 定义默认间距
    let defaultLineSpacing: CGFloat = 10
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 初始化collectionView时设置默认间距
        let layout = UICollectionViewFlowLayout()
        layout.minimumLineSpacing = defaultLineSpacing
        // ... 其他collectionView配置（比如设置itemSize、注册cell等）
        collectionView.collectionViewLayout = layout
    }
    
    // 实现代理方法，自定义特定item的布局属性
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, layoutAttributesForItemAt indexPath: IndexPath) -> UICollectionViewLayoutAttributes? {
        // 获取系统计算好的布局属性，并拷贝一份进行修改
        guard let attributes = (collectionViewLayout as? UICollectionViewFlowLayout)?
            .layoutAttributesForItem(at: indexPath)?
            .copy() as? UICollectionViewLayoutAttributes else {
            return nil
        }
        
        // 假设你想让第5个cell和前一个cell间距为0
        if indexPath.row == 5 {
            // 如果是垂直方向布局，调整y坐标抵消默认间距
            attributes.frame.origin.y -= defaultLineSpacing
            // 如果是水平方向布局，改成调整x坐标：attributes.frame.origin.x -= defaultLineSpacing
        }
        
        return attributes
    }
    
    // 你的cellForItemAt方法保持正常配置cell即可，不用再改spacing
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "customColCell", for: indexPath) as! customColCell
        cell.textLabel.text = indexPath.row.description
        return cell
    }
}

方案2：自定义UICollectionViewFlowLayout子类

如果需要批量处理多个需要合并的单元格，自定义布局子类会更灵活：

// 自定义FlowLayout子类
class MergedCellFlowLayout: UICollectionViewFlowLayout {
    // 默认间距
    let defaultLineSpacing: CGFloat = 10
    // 需要合并的cell的row索引集合
    let mergedRowIndices: [Int] = [5, 7, 9]
    
    override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        // 获取系统计算的所有布局属性，并拷贝修改
        guard let originalAttributes = super.layoutAttributesForElements(in: rect) else {
            return nil
        }
        
        let modifiedAttributes = originalAttributes.map { attr in
            let copiedAttr = attr.copy() as! UICollectionViewLayoutAttributes
            // 判断当前item是否需要合并
            if let row = copiedAttr.indexPath?.row, mergedRowIndices.contains(row) {
                // 垂直布局调整y坐标，水平布局调整x坐标
                copiedAttr.frame.origin.y -= defaultLineSpacing
            }
            return copiedAttr
        }
        
        return modifiedAttributes
    }
}

然后在ViewController里使用这个自定义布局：

override func viewDidLoad() {
    super.viewDidLoad()
    let layout = MergedCellFlowLayout()
    layout.minimumLineSpacing = layout.defaultLineSpacing
    // ... 其他collectionView配置（比如设置itemSize、注册cell等）
    collectionView.collectionViewLayout = layout
}

总结 #

• 绝对不要在cellForItemAt里修改全局的minimumLineSpacing，这是无效且会破坏整体布局的操作。
• 通过修改特定item的布局属性（frame偏移），可以精准实现“部分单元格合并、其他保持间距”的需求，两种方案都能达到目的，你可以根据自己的场景选择。

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