如何为UICollectionView首单元格设左间距、尾单元格设右间距？

嘿，这个需求其实挺常见的，我给你两种方案，分别适配不同的iOS版本和布局场景：

如果你的App需要支持iOS 13或更早版本，推荐通过UICollectionViewDelegateFlowLayout的代理方法来实现，分两种场景处理：

场景1：横向滚动的单列CollectionView（比如标签栏、横向列表） #

这种场景下，我们可以直接通过section内边距和单元格间距的组合来实现需求：

• 给section设置左内边距（对应第一个cell的左间距）和右内边距（对应最后一个cell的右间距）
• 同时设置正常的单元格间距，确保中间单元格不会有额外的左右间距

示例代码（Swift）：

extension YourViewController: UICollectionViewDelegateFlowLayout {
    // 设置section的内边距
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
        // 第一个cell左间距16pt，最后一个cell右间距16pt
        return UIEdgeInsets(top: 0, left: 16, bottom: 0, right: 16)
    }

    // 设置单元格之间的正常间距
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
        return 8 // 中间单元格之间的间距
    }

    // 自定义单元格大小（根据你的需求调整）
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        return CGSize(width: 100, height: 40)
    }
}

场景2：纵向滚动的多行CollectionView #

如果是纵向多行布局，section内边距会影响所有单元格，这时候需要通过自定义UICollectionViewFlowLayout来精准控制单个单元格的位置：

步骤如下：

1. 继承UICollectionViewFlowLayout
2. 重写layoutAttributesForElements(in:)方法，遍历所有单元格的布局属性
3. 给第一个单元格的frame左边添加指定间距，给最后一个单元格的frame右边添加指定间距
4. 调整单元格间的默认间距，避免布局混乱

示例代码（Swift）：

class CustomFlowLayout: UICollectionViewFlowLayout {
    let firstCellLeftInset: CGFloat = 16
    let lastCellRightInset: CGFloat = 16

    override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        guard let attributes = super.layoutAttributesForElements(in: rect) else { return nil }
        guard let collectionView = collectionView else { return attributes }

        // 遍历所有单元格的布局属性
        for attr in attributes {
            guard let indexPath = attr.indexPath else { continue }
            let itemCount = collectionView.numberOfItems(inSection: indexPath.section)

            // 处理第一个单元格的左间距
            if indexPath.item == 0 {
                var frame = attr.frame
                frame.origin.x += firstCellLeftInset
                attr.frame = frame
            }
            // 处理最后一个单元格的右间距
            else if indexPath.item == itemCount - 1 {
                var frame = attr.frame
                frame.size.width += lastCellRightInset
                attr.frame = frame
            }
        }

        return attributes
    }
}

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

let layout = CustomFlowLayout()
layout.minimumInteritemSpacing = 8 // 单元格之间的正常间距
layout.minimumLineSpacing = 8
let collectionView = UICollectionView(frame: view.bounds, collectionViewLayout: layout)

从iOS14开始，Apple提供了更精准的代理方法，可以直接给单个单元格设置leading和trailing偏移，不用写复杂的自定义布局：

示例代码（Swift）：

extension YourViewController: UICollectionViewDelegateFlowLayout {
    // 设置单个单元格的leading偏移
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, leadingSpatialOffsetForItemAt indexPath: IndexPath) -> CGFloat {
        // 第一个单元格左偏移16pt，其余为0
        return indexPath.item == 0 ? 16 : 0
    }

    // 设置单个单元格的trailing偏移
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, trailingSpatialOffsetForItemAt indexPath: IndexPath) -> CGFloat {
        let itemCount = collectionView.numberOfItems(inSection: indexPath.section)
        // 最后一个单元格右偏移16pt，其余为0
        return indexPath.item == itemCount - 1 ? 16 : 0
    }

    // 设置正常的单元格间距
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
        return 8
    }

    // 自定义单元格大小
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        return CGSize(width: 100, height: 40)
    }
}

这个方法非常简洁，直接针对单个单元格设置偏移，完美匹配你的需求！

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