Xcode中UICollectionView显示异常：重复第二条不显示第三条如何修复？

问题根因 #

• MovieCollectionViewCell 复用逻辑异常：cell 复用过程中未清空上一次渲染的旧数据，导致新内容加载时旧值残留，出现重复展示问题
• 数据源更新未同步触发UI刷新：movies 字典写入新数据后，没有及时通知 UICollectionView 刷新，控件仍基于旧的缓存数据源渲染
• 数据源线程不安全：在子线程修改 movies 数据的同时，主线程读取数据源进行渲染，读写冲突导致数据源内容错乱

修复步骤 #

1. 补充 Cell 复用重置逻辑
   在 MovieCollectionViewCell 类中重写 prepareForReuse 方法，每次 cell 进入复用队列前清空所有内容控件的旧值：

// Objective-C 实现
- (void)prepareForReuse {
    [super prepareForReuse];
    // 重置所有自定义内容控件为初始状态
    self.titleLabel.text = nil;
    self.coverImageView.image = nil;
    self.descLabel.text = nil;
}

// Swift 实现
override func prepareForReuse() {
    super.prepareForReuse()
    // 重置所有自定义内容控件为初始状态
    titleLabel.text = nil
    coverImageView.image = nil
    descLabel.text = nil
}

2. 数据源更新后主线程主动刷新 UICollectionView
   每次从数据库读取最新数据写入 movies 字典后，强制在主线程调用刷新方法，同步UI和数据源的内容：

// Objective-C 实现
// movies 字典赋值完成后执行
dispatch_async(dispatch_get_main_queue(), ^{
    [self.movieCollectionView reloadData];
});

// Swift 实现
// movies 字典赋值完成后执行
DispatchQueue.main.async {
    self.movieCollectionView.reloadData()
}

3. 统一数据源操作线程
   所有对 movies 字典的读写操作都放在同一线程/串行队列执行，避免多线程读写冲突：

// 示例：用串行队列统一处理数据源操作
dispatch_queue_t dataQueue = dispatch_queue_create("com.yourapp.movieDataQueue", DISPATCH_QUEUE_SERIAL);
dispatch_async(dataQueue, ^{
    // 读写 movies 字典的操作统一放在这里执行
    // 操作完成后再到主线程刷新UI
    dispatch_async(dispatch_get_main_queue(), ^{
        [self.movieCollectionView reloadData];
    });
});

效果验证 #

修复完成后新增3条以上测试数据，直接触发数据加载和UI渲染流程，无需重启应用即可正常展示所有条目，无重复、缺失问题。

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