UICollectionView单元格布局设置失败，求实现指定布局及IndexPath获取

嘿，我来帮你搞定这个UICollectionView的布局需求！结合你的描述和代码问题，我整理了两种可行的解决方案，你可以根据实际场景选择：

这个方案基于你原本用的FlowLayout，调整参数并添加滚动监听，实现初始居中、滚动吸附和居中cell的IndexPath获取。

1. 基础布局配置 #

先在viewDidLoad里设置FlowLayout的核心参数，确保cell大小和间距符合你的需求：

override func viewDidLoad() {
    super.viewDidLoad()
    
    guard let flowLayout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout else { return }
    // 根据你的UI需求调整cell大小
    flowLayout.itemSize = CGSize(width: 100, height: 100)
    flowLayout.minimumInteritemSpacing = 20
    flowLayout.scrollDirection = .horizontal
    
    // 修正你代码里的拼写错误：backgeoundImage → backgroundImage
    collectionView.register(AudioCollectionViewCell.self, forCellWithReuseIdentifier: "AudioCollectionViewCell")
}

2. 初始加载让第一个cell居中 #

在viewDidAppear里调用滚动方法，确保初始状态第一个cell居中：

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
    
    let firstIndexPath = IndexPath(item: 0, section: 0)
    collectionView.scrollToItem(at: firstIndexPath, at: .centeredHorizontally, animated: false)
}

3. 滚动吸附：停止时自动让cell居中 #

添加UIScrollViewDelegate的实现，监听滚动结束事件，自动调整到最近的居中cell：

extension AudioViewController: UIScrollViewDelegate {
    func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) {
        if !decelerate {
            snapToCenteredCell()
        }
    }
    
    func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
        snapToCenteredCell()
    }
    
    private func snapToCenteredCell() {
        let collectionViewCenterX = collectionView.contentOffset.x + collectionView.bounds.width / 2
        let centerPoint = CGPoint(x: collectionViewCenterX, y: collectionView.bounds.height / 2)
        
        if let targetIndexPath = collectionView.indexPathForItem(at: centerPoint) {
            collectionView.scrollToItem(at: targetIndexPath, at: .centeredHorizontally, animated: true)
        }
    }
}

4. 获取当前居中cell的IndexPath #

写一个工具方法，随时可以获取当前居中的cell索引：

private func getCurrentCenteredIndexPath() -> IndexPath? {
    let centerX = collectionView.contentOffset.x + collectionView.bounds.width / 2
    let centerPoint = CGPoint(x: centerX, y: collectionView.bounds.height / 2)
    return collectionView.indexPathForItem(at: centerPoint)
}

// 调用示例：比如在按钮点击或滚动结束后
@objc func logCenteredCell() {
    if let indexPath = getCurrentCenteredIndexPath() {
        print("当前居中的cell是第\(indexPath.item)个")
    }
}

如果你的需求是左上角始终固定显示前两个cell，同时其他cell滚动并保持居中，就需要自定义布局：

class FixedTopLeftCollectionViewLayout: UICollectionViewLayout {
    // 固定在左上角的cell数量
    private let fixedCellCount = 2
    // 自定义cell大小，按需调整
    private let cellSize = CGSize(width: 100, height: 100)
    // cell间距
    private let interItemSpacing: CGFloat = 20
    
    override func prepare() {
        super.prepare()
    }
    
    // 计算内容区域大小
    override var collectionViewContentSize: CGSize {
        guard let collectionView = collectionView else { return .zero }
        let totalItems = collectionView.numberOfItems(inSection: 0)
        let scrollableItemCount = max(0, totalItems - fixedCellCount)
        // 内容宽度 = 可视区域宽度 + 可滚动cell的总宽度
        let contentWidth = collectionView.bounds.width + CGFloat(scrollableItemCount) * (cellSize.width + interItemSpacing)
        return CGSize(width: contentWidth, height: collectionView.bounds.height)
    }
    
    // 返回所有cell的布局属性
    override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        guard let collectionView = collectionView else { return nil }
        let totalItems = collectionView.numberOfItems(inSection: 0)
        var attributesArray = [UICollectionViewLayoutAttributes]()
        
        // 处理左上角固定的cell
        for index in 0..<min(fixedCellCount, totalItems) {
            let indexPath = IndexPath(item: index, section: 0)
            let attributes = UICollectionViewLayoutAttributes(forCellWith: indexPath)
            attributes.frame = CGRect(
                x: CGFloat(index) * (cellSize.width + interItemSpacing),
                y: 0,
                width: cellSize.width,
                height: cellSize.height
            )
            attributesArray.append(attributes)
        }
        
        // 处理可滚动的居中cell
        let scrollableStartIndex = fixedCellCount
        let collectionViewCenterX = collectionView.bounds.midX
        let contentOffsetX = collectionView.contentOffset.x
        
        for index in scrollableStartIndex..<totalItems {
            let indexPath = IndexPath(item: index, section: 0)
            let attributes = UICollectionViewLayoutAttributes(forCellWith: indexPath)
            // 计算每个滚动cell的位置，确保滚动时总有一个cell居中
            let offset = CGFloat(index - scrollableStartIndex) * (cellSize.width + interItemSpacing)
            let cellX = collectionViewCenterX - cellSize.width/2 + offset - contentOffsetX
            attributes.frame = CGRect(
                x: cellX,
                y: (collectionView.bounds.height - cellSize.height)/2,
                width: cellSize.width,
                height: cellSize.height
            )
            attributesArray.append(attributes)
        }
        
        return attributesArray
    }
    
    // 滚动时重新计算布局
    override func shouldInvalidateLayout(forBoundsChange newBounds: CGRect) -> Bool {
        return true
    }
}

然后在viewDidLoad里替换布局：

override func viewDidLoad() {
    super.viewDidLoad()
    
    let customLayout = FixedTopLeftCollectionViewLayout()
    collectionView.collectionViewLayout = customLayout
    // 其他注册、代理设置...
}

你之前的代码有两个小错误：

1. backgeoundImage拼写错误，应该是backgroundImage
2. 方法前的*符号是多余的，会导致语法错误

修正后的cellForItemAt和insetForSectionAt：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "AudioCollectionViewCell", for: indexPath) as! AudioCollectionViewCell
    cell.backgroundImage.image = UIImage(named: "play.png")
    return cell
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
    guard let flowLayout = collectionViewLayout as? UICollectionViewFlowLayout else { return .zero }
    let leftInset = (collectionView.bounds.width - flowLayout.itemSize.width) / 2
    return UIEdgeInsets(top: 0, left: leftInset, bottom: 0, right: leftInset)
}

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