UICollectionView首尾Cell内容互换问题求助

看起来你遇到了嵌套CollectionView滚动时首尾Cell内容串位的问题，这个问题其实是UICollectionView的Cell复用机制没处理好导致的，咱们一步步来修复：

问题根源分析 #

当你快速滚动外层的MenuItemCollectionView时，滚出屏幕的Cell会被放入复用池，新需要显示的Cell会从复用池中取出复用。你的代码里有两个关键漏洞：

1. 给内层FoodItemCollectionView的数据源foodArray赋值后，没有立即触发内层CollectionView刷新，导致复用的Cell还显示旧数据；
2. MenuItemCollectionViewCell的prepareForReuse方法里，只清空了foodArray但没刷新内层CollectionView，残留的旧数据会在复用的时候“串”到新的Cell里。

具体修复步骤 #

1. 外层CollectionView赋值后立即刷新内层CollectionView #

修改MenuItemCollectionView的cellForItemAt方法，在给Cell的foodArray赋值后，调用内层CollectionView的reloadData()：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: ITEM_CELL, for: indexPath) as! MenuItemCollectionViewCell
    // 先清空再赋值，确保数据源干净
    cell.foodArray.removeAll()
    cell.foodArray = self.foodArray[nameArray[indexPath.section]]!
    // 关键：赋值后立即刷新内层CollectionView，确保显示最新数据
    cell.foodItemColletion.reloadData()
    print("Cell COol index = \(indexPath.section) , ARrray count = \(cell.foodArray.count)")
    return cell
}

2. 优化Cell复用前的清理逻辑 #

修改MenuItemCollectionViewCell的prepareForReuse方法，在清空数据源后同步刷新内层CollectionView，避免旧数据残留：

override func prepareForReuse() {
    super.prepareForReuse() // 先调用父类方法，遵循规范
    foodArray.removeAll()
    // 刷新内层CollectionView，确保复用后初始状态为空
    foodItemColletion.reloadData()
}

3. 可选：移除冗余打印（提升性能） #

内层numberOfItemsInSection里的循环打印可以去掉，避免滚动时频繁打印影响性能：

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    // 移除冗余的循环打印
    return foodArray.count
}

为什么这样能解决问题？ #

• 赋值后调用reloadData()，强制内层CollectionView立即根据新的foodArray渲染内容，避免复用旧Cell时显示之前的数据；
• prepareForReuse里刷新内层，确保Cell被复用前处于“干净”的状态，不会带着上一次的内容被重新使用。

这样修改后，快速滚动时首尾Cell的内容就不会再互相替换了，你可以测试一下效果~

内容的提问来源于stack exchange，提问作者La Win Ko