UICollectionView横向分页旋转后单元格不居中问题求助

我之前也遇到过类似的横向分页CollectionView旋转后错位的问题，咱们一步步来分析和解决：

• 单元格尺寸计算逻辑错误：你在sizeForItemAt里用self.frame.size设置单元格大小，但旋转过程中self.frame的更新时机和CollectionView的布局计算时机不匹配，导致单元格尺寸无法正确适配旋转后的屏幕宽度。而且使用Auto Layout时，CollectionView的bounds才是当前实际可用的尺寸，frame可能还未完成更新。
• targetContentOffset方法用错了位置：你试图在UICollectionViewDelegate中实现targetContentOffsetForProposedContentOffset，但这个方法本质是UICollectionViewLayout（或其子类）的方法，不属于Delegate协议，所以根本不会被调用。
• 旋转后ContentOffset未主动调整：旋转后屏幕宽度变化，原有的ContentOffset对应的位置不再是当前单元格的居中位置，而默认分页逻辑不会自动适配这个变化，后续旋转就会出现错乱。

我们分步骤修改代码：

1. 修正单元格尺寸计算 #

把sizeForItemAt里的self.frame.size替换为collectionView.bounds.size，确保拿到的是CollectionView当前实际可用的尺寸：

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    return collectionView.bounds.size
}

2. 自定义FlowLayout处理分页居中 #

默认的UICollectionViewFlowLayout无法自动处理旋转后的分页居中，我们需要自定义一个FlowLayout子类，重写targetContentOffset方法来保证分页准确性：

class PagingFlowLayout: UICollectionViewFlowLayout {
    override func targetContentOffset(forProposedContentOffset proposedContentOffset: CGPoint, withScrollingVelocity velocity: CGPoint) -> CGPoint {
        guard let collectionView = collectionView else { return proposedContentOffset }
        
        let targetRect = CGRect(x: proposedContentOffset.x, y: 0, width: collectionView.bounds.width, height: collectionView.bounds.height)
        guard let attributes = layoutAttributesForElements(in: targetRect) else { return proposedContentOffset }
        
        var offsetAdjustment = CGFloat.greatestFiniteMagnitude
        let horizontalCenter = proposedContentOffset.x + collectionView.bounds.width / 2
        
        for layoutAttribute in attributes {
            let itemHorizontalCenter = layoutAttribute.center.x
            if abs(itemHorizontalCenter - horizontalCenter) < abs(offsetAdjustment) {
                offsetAdjustment = itemHorizontalCenter - horizontalCenter
            }
        }
        
        return CGPoint(x: proposedContentOffset.x + offsetAdjustment, y: proposedContentOffset.y)
    }
    
    // 旋转时自动触发布局刷新
    override func shouldInvalidateLayout(forBoundsChange newBounds: CGRect) -> Bool {
        return true
    }
}

然后在setupView方法里替换原来的layout：

private func setupView() {
    // 替换为自定义的分页布局
    layout = PagingFlowLayout()
    layout.scrollDirection = .horizontal
    // ... 其他原有代码保持不变
}

3. 优化LayoutSubviews逻辑 #

移除原来直接调用layout.invalidateLayout()的代码，换成更精准的尺寸变化判断，或者依赖自定义Layout的自动刷新，也可以手动保证当前cell居中：

override func layoutSubviews() {
    super.layoutSubviews()
    // 仅当CollectionView尺寸变化时，调整内容偏移
    if collectionView.bounds.size != collectionView.intrinsicContentSize {
        collectionView.collectionViewLayout.invalidateLayout()
        // 强制让当前可见cell居中
        if let visibleIndexPath = collectionView.indexPathsForVisibleItems.first {
            collectionView.scrollToItem(at: visibleIndexPath, at: .centeredHorizontally, animated: false)
        }
    }
}

4. 监听旋转通知做兜底处理 #

添加设备旋转通知监听，在旋转完成后强制让当前显示的cell居中，避免极端情况的错位：

private func setupView() {
    // ... 其他原有代码
    // 添加旋转通知监听
    NotificationCenter.default.addObserver(self, selector: #selector(handleRotation), name: UIDevice.orientationDidChangeNotification, object: nil)
}

@objc private func handleRotation() {
    DispatchQueue.main.async {
        if let visibleIndexPath = self.collectionView.indexPathsForVisibleItems.first {
            self.collectionView.scrollToItem(at: visibleIndexPath, at: .centeredHorizontally, animated: false)
        }
    }
}

// 记得在销毁时移除通知
deinit {
    NotificationCenter.default.removeObserver(self)
}

首次旋转时，CollectionView处于初始化后的第一次布局调整，系统会自动处理一部分内容偏移逻辑；但后续旋转时，因为之前的尺寸计算错误和内容偏移未正确更新，布局缓存的错误会累积，最终导致显示错乱。

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