多Section TableView内嵌多个CollectionView的滚动同步动画实现需求

这个问题确实看似简单，但因为嵌套了TableView和CollectionView两层滚动容器，得把步骤拆解开才能精准实现。下面是我整理的可靠方案，分步骤来：

核心思路拆解 #

因为你的TableView每个Section仅对应一行（内含一个独立CollectionView），所以我们的目标是：先定位到目标CollectionView所在的TableView Section，再让这个CollectionView滚动到指定Cell。

具体实现步骤（Swift示例） #

1. 先确保目标Section的TableViewCell被加载 #

如果目标Section不在当前可视区域，直接调用cellForRow会返回nil，所以得先让TableView滚动到该Section，确保对应的Cell被实例化：

// 定义目标Section和目标CollectionView的Item索引
let targetTableSection = 2 // 假设要定位第3个Section（索引从0开始）
let targetCollectionItem = 5 // 要滚动到该CollectionView的第6个Item

// 先滚动TableView到目标Section的行（每个Section只有row 0）
let tableViewIndexPath = IndexPath(row: 0, section: targetTableSection)
yourTableView.scrollToRow(at: tableViewIndexPath, at: .top, animated: false)

2. 获取目标CollectionView实例 #

从刚才滚动到的TableViewCell中，取出对应的CollectionView（假设你的自定义TableViewCell有一个公开的collectionView属性或IBOutlet）：

guard let targetTableCell = yourTableView.cellForRow(at: tableViewIndexPath) as? YourCustomTableViewCell else {
    print("无法获取目标TableViewCell，检查Section索引或Cell类型")
    return
}
let targetCollectionView = targetTableCell.collectionView

3. 让CollectionView滚动到指定Cell #

调用CollectionView的滚动方法，根据你的滚动方向（水平/垂直）调整对齐方式：

let collectionIndexPath = IndexPath(item: targetCollectionItem, section: 0)
// 如果是水平滚动，用.centeredHorizontally/.left/.right；垂直滚动用.centeredVertically/.top/.bottom
targetCollectionView.scrollToItem(at: collectionIndexPath, at: .centeredHorizontally, animated: true)

优化：实现连贯的动画效果 #

如果想要TableView滚动和CollectionView滚动的动画连贯，可以把两个动画拆分到不同阶段执行：

1. 先启动TableView的滚动动画
2. 在TableView的滚动动画结束后，再执行CollectionView的滚动

代码示例：

// 先定义一个临时变量存储目标Item索引
private var pendingTargetCollectionItem: Int?

func triggerScrollToTarget(targetSection: Int, targetItem: Int) {
    let tableViewIndexPath = IndexPath(row: 0, section: targetSection)
    pendingTargetCollectionItem = targetItem
    // 先执行TableView的滚动动画
    yourTableView.scrollToRow(at: tableViewIndexPath, at: .top, animated: true)
}

// 实现UIScrollViewDelegate的方法，监听滚动动画结束
func scrollViewDidEndScrollingAnimation(_ scrollView: UIScrollView) {
    guard scrollView == yourTableView, let targetItem = pendingTargetCollectionItem else { return }
    
    // 获取当前可视的Section（也就是刚才滚动到的目标Section）
    guard let currentSection = yourTableView.indexPathsForVisibleRows?.first?.section else {
        pendingTargetCollectionItem = nil
        return
    }
    
    let tableViewIndexPath = IndexPath(row: 0, section: currentSection)
    if let targetTableCell = yourTableView.cellForRow(at: tableViewIndexPath) as? YourCustomTableViewCell {
        let collectionIndexPath = IndexPath(item: targetItem, section: 0)
        targetTableCell.collectionView.scrollToItem(at: collectionIndexPath, at: .centeredHorizontally, animated: true)
    }
    
    pendingTargetCollectionItem = nil
}

关键注意事项 #

• 确保你的YourCustomTableViewCell已经正确暴露了CollectionView的引用（IBOutlet或公开属性），否则无法获取到实例。
• 如果你的CollectionView是多Section结构，记得调整collectionIndexPath中的section参数为目标Section索引。
• 滚动对齐方式（at参数）可以根据UI需求灵活调整，比如想要Cell顶对齐就用.top，居中就用.centeredHorizontally。

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