CollectionView滚动默认选中单元格，自定义布局下居中cell索引获取异常

Hey there, let's work through this issue together to get that center cell's indexPath properly passed to your pink button!

Common Reasons & Fixes for centerCellIndexPath Returning Nil #

1. Your Layout Calculation Timing Is Off

It’s likely that when you call centerCellIndexPath, the collection view’s layout hasn’t finished updating yet—so the cell positions aren’t finalized, leading to a nil result.

Fix:

• Before accessing centerCellIndexPath (like when the pink button is tapped), force the layout to update first:

  collectionView?.layoutIfNeeded()
  let indexPath = yourCustomLayout.centerCellIndexPath
  // Use the indexPath here
  

• Alternatively, update centerCellIndexPath only after the layout has fully refreshed. You can override layoutSubviews() in your custom layout to sync the value once layout is done:

  override func layoutSubviews() {
      super.layoutSubviews()
      // Calculate and set centerCellIndexPath here after layout completes
      self.centerCellIndexPath = findCenterCellIndexPath()
  }
  

2. Your Center Cell Detection Logic Is Flawed

If you’re manually calculating which cell is centered, you might be missing edge cases (like content offset, insets, or cell size variations). The system has a reliable method for this!

Fix:
Replace your custom center cell detection with the built-in indexPathForItem(at:) method. Here’s how to implement it in your layout:

func findCenterCellIndexPath() -> IndexPath? {
    guard let collectionView = collectionView else { return nil }
    // Calculate the true center point of the collection view's visible area, accounting for content offset
    let centerPoint = CGPoint(
        x: collectionView.contentOffset.x + collectionView.bounds.width / 2,
        y: collectionView.contentOffset.y + collectionView.bounds.height / 2
    )
    return collectionView.indexPathForItem(at: centerPoint)
}

3. You’re Not Syncing centerCellIndexPath in targetContentOffset

When you override targetContentOffset(forProposedContentOffset:withScrollingVelocity:) to pre-center a cell, you need to update centerCellIndexPath at the same time—otherwise the value stays nil even though the cell is centered.

Fix:
Update the variable directly in that method once you’ve determined the target cell:

override func targetContentOffset(forProposedContentOffset proposedContentOffset: CGPoint, withScrollingVelocity velocity: CGPoint) -> CGPoint {
    // Your existing logic to calculate the final content offset and target index path
    let targetIndexPath = calculateTargetCenterIndexPath(proposedOffset: proposedContentOffset)
    let finalOffset = calculateFinalContentOffset(for: targetIndexPath)
    
    // Sync the center cell index path here
    self.centerCellIndexPath = targetIndexPath
    
    return finalOffset
}

4. Add Scroll Stop Syncs

Make sure centerCellIndexPath updates every time scrolling stops, so it’s always up-to-date when the button is tapped. Add these methods to your view controller:

func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
    updateCenterCellIndexPath()
}

func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) {
    if !decelerate {
        updateCenterCellIndexPath()
    }
}

private func updateCenterCellIndexPath() {
    guard let customLayout = collectionView.collectionViewLayout as? YourCustomLayout else { return }
    customLayout.centerCellIndexPath = collectionView.indexPathForItem(at: collectionView.center)
}

Give these steps a try—they should resolve the nil issue and get your pink button working with the correct centered cell indexPath!

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