UICollectionView横向滚动时cell索引异常问题求助

我明白你在复刻YouTube应用时遇到的这个头疼问题——横向滚动主collectionView时，索引识别完全乱套，第一个cell能读出2、3的索引，左滑还继续变。咱们先拆解你原来代码的问题，再给你两个可靠的解决方案。

问题根源 #

你原来用targetContentOffset.pointee.x / view.frame.width计算索引，这里有几个关键问题：

1. 假设cell宽度等于view宽度，但实际可能不一致：如果你的collectionView有contentInset，或者cell布局宽度和view宽度有偏差，这个除法就会算出错误数值。
2. 没有处理边界情况：在第一个cell左滑时，targetContentOffset.pointee.x会变成负数，转成Int后就是-1，索引自然错乱。
3. 未区分scrollView实例：menuBar的collectionView也是横向滚动的，可能会触发同一个scrollViewWillEndDragging方法，导致逻辑混乱。

解决方案一：修正索引计算（适合等宽cell场景） #

如果你的每个cell宽度正好等于collectionView的宽度（和YouTube首页tab页逻辑一致），这个方法最直接，加上边界处理和scrollView判断即可：

override func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {
    // 只处理主collectionView的滚动，避免和menuBar的collectionView混淆
    guard scrollView == self.collectionView else { return }
    
    let collectionViewWidth = self.collectionView.bounds.width
    // 用round确保滚动到中间时正确切换索引，同时限制在合法范围内
    var targetIndex = Int(round(targetContentOffset.pointee.x / collectionViewWidth))
    targetIndex = max(0, min(targetIndex, self.collectionView.numberOfItems(inSection: 0) - 1))
    
    let indexPath = IndexPath(item: targetIndex, section: 0)
    menuBar.collectionView.selectItem(at: indexPath, animated: true, scrollPosition: .centeredHorizontally)
    setTitleForIndex(index: targetIndex)
}

解决方案二：通过Layout属性获取索引（通用场景） #

如果你的cell宽度不固定，或者有复杂布局，用collectionView的layout属性查找居中cell更可靠，它会自动考虑所有布局细节：

override func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {
    guard let collectionView = scrollView as? UICollectionView else { return }
    // 只处理主collectionView
    guard collectionView == self.collectionView else { return }
    
    let targetOffset = targetContentOffset.pointee
    // 获取目标偏移位置对应的所有cell布局属性
    let visibleLayoutAttributes = collectionView.collectionViewLayout.layoutAttributesForElements(in: CGRect(origin: targetOffset, size: collectionView.bounds.size))
    
    // 找到最接近collectionView中心的cell
    if let centerCellAttr = visibleLayoutAttributes?.first(where: { attr in
        // 计算cell中心相对于目标偏移的位置，允许小范围误差
        let relativeCenterX = attr.center.x - targetOffset.x
        return abs(relativeCenterX - collectionView.bounds.midX) < 10
    }) {
        let targetIndex = centerCellAttr.indexPath.item
        let indexPath = IndexPath(item: targetIndex, section: 0)
        menuBar.collectionView.selectItem(at: indexPath, animated: true, scrollPosition: .centeredHorizontally)
        setTitleForIndex(index: targetIndex)
    }
}

额外提示 #

• 若用方案一，确保在sizeForItemAt里返回collectionView.bounds.width，保证cell宽度和collectionView一致。
• 测试边界情况：滑到第一个cell左滑、最后一个cell右滑，确认索引保持在0和3（对应你的4个cell）。

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