UITableViewCell 图像异步队列缓存无法正常工作

Question

谁能告诉我我的代码有什么问题。它似乎有效，但是当我快速滚动然后停止时，UIImageView 在显示正确的图片之前循环浏览几张图片。这发生得很快但很明显。

if (![post objectForKey:@"photoData"] && ![post objectForKey:@"isDownloadingPhoto"]){
    cell.instagramPhoto.image = nil;
    [[combinedArray objectAtIndex:indexPath.row] setObject:@"loading" forKey:@"photoData"];
    [[combinedArray objectAtIndex:indexPath.row] setObject:@"yes" forKey:@"isDownloadingPhoto"];
    [cell.instagramPhoto setAlpha:0];
    if (instagramURL != nil){
        dispatch_async(kBgQueue, ^{
            int index = indexPath.row;
            NSData* data = [NSData dataWithContentsOfURL: instagramURL];
            if (data.length > 0){
                [[combinedArray objectAtIndex:index] setObject:data forKey:@"photoData"];
                [[combinedArray objectAtIndex:index] setObject:@"no" forKey:@"isDownloadingPhoto"];
                UIImage *image = [UIImage imageWithData:data];
                dispatch_sync(dispatch_get_main_queue(), ^{
                    cell.instagramPhoto.image = image;
                    [UIView beginAnimations:nil context:NULL];
                    [UIView setAnimationBeginsFromCurrentState:YES];
                    [UIView setAnimationDuration:0.4f];
                    cell.instagramPhoto.alpha = 1.0;
                    [UIView commitAnimations];
                });
            }
        });
    }
}
else if ([[post valueForKey:@"isDownloadingPhoto"] isEqualToString:@"yes"]) {
    NSLog(@"loading");
    cell.instagramPhoto.image = nil;
}
else {
    NSData *data = [post valueForKey:@"photoData"];
    NSLog(@"saved");
    UIImage *image = [UIImage imageWithData:data];
    cell.instagramPhoto.image = image;
}

Answer 1

看起来这段代码是在tableView:cellForRowAtIndexPath 中执行的。如果您在此处有任何单元重用逻辑 - 您可能会遇到问题，在当前异步图像下载操作完成之前重用单元时。

如果单元格在完成之前被重复使用，您需要能够中止这些下载任务。

** 更新 **

有几种方法可以实现它：

• 最简单的一个（可能也是最消耗内存的） - 确保为每个单元生成唯一的 cellId，这样就不会重复使用已分配的单元。它会更慢，但您可以保证您启动的操作将在您启动它的同一单元格上完成。

• 下载完成后检查单元格是否相同。例如，您可以在代码开头将单元格的 tag 分配给其行号。

  cell.tag = indexPath.row

然后在开始dataWithContext调用之前将其保存并在之后检查。

int oldTag = cell.tag;
dataWithContext...
if (cell.tag != oldTag) {
   // Don't so any image update
}

• 将 dataWithContext 更改为异步内容，这样您就可以真正中断和中止下载过程。我不知道如何继续这个 - 这需要更多的研究。