带有 NINetworkImageViews 的 UICollectionView 重复图像

Question

我正在使用 Nimbuskit 的 NINetworkImageView。我有一个简单的 UICollectionView 显示图像网格（NINetworkImageViews）。通常它就像一个魅力，但在某些情况下，一些 NINetworkImageViews 会显示错误的图像。

我认为当图像没有路径并且 NINetworkImageView 必须显示默认图像时会发生这种情况。有时（几次）不是显示默认图像，而是显示属于 CollectionView 的其他 NINetworkImageView 的其他图像。

相关代码如下：

- (UICollectionViewCell*) collectionView:(UICollectionView *)collectionView   cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *cellIdentifier = @"ShelvingCell";
    ShelvingCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:cellIdentifier forIndexPath:indexPath];

    // Prueba para ver si esto arregla lo de que se repitan imágenes
    [cell.feedNetworkImageView prepareForReuse];

    cell.feedNetworkImageView.delegate = self;

    // El collage necesita un tratamiento especial
    if (indexPath.section == 0 && indexPath.row == 0)
    {
        cell.feedTitleLabel.text = @"";
        cell.lastFeedNewTitleLabel.text = @"";
        // Prueba para ver si esto arregla lo de que se repitan imágenes
        [cell.feedNetworkImageView setPathToNetworkImage:@""];

        // Prueba para ver si esto arregla lo de que se repitan imágenes
        [cell.feedNetworkImageView prepareForReuse];

        cell.feedNetworkImageView.image = [UIImage imageNamed:@"collage.png"];
    }
    else
    {    
        MOFeed *feed = [self.feeds objectAtIndex:(indexPath.section*3 + indexPath.row - 1)];
        cell.feedTitleLabel.text = feed.title;

        // Recuperamos la última noticia del feed
        MONoticia *ultimaNoticia = [feed lastFeedNew];

        cell.lastFeedNewTitleLabel.text = ultimaNoticia.title;

        if (![feed.feedImageURL isEqualToString:@""] && feed.feedImageURL)
        {
            // Prueba para ver si esto arregla lo de que se repitan imágenes
            [cell.feedNetworkImageView prepareForReuse];
            [cell.feedNetworkImageView setPathToNetworkImage:feed.feedImageURL];
        }
        else
        {
            // Prueba para ver si esto arregla lo de que se repitan imágenes
            [cell.feedNetworkImageView prepareForReuse];

            cell.feedNetworkImageView.image = [UIImage imageNamed:@"shelvingcell.png"];
            // Prueba para ver si esto arregla lo de que se repitan imágenes
            [cell.feedNetworkImageView setPathToNetworkImage:@""];
        }
    }
    return cell;
}

非常感谢！

卡洛斯

Answer 1

我有同样的问题，当我深入研究这个问题时，它看起来像

[cell.feedNetworkImageView prepareForReuse];

没有取消所有下载操作。你必须做一些小技巧

通话前

[cell.feedNetworkImageView setPathToNetworkImage:feed.feedImageURL];

取消所有网络操作操作，然后创建一个新的网络操作

[self.displayImage.networkOperationQueue cancelAllOperations];
self.displayImage.networkOperationQueue = [[NSOperationQueue alloc]init];
[cell.feedNetworkImageView setPathToNetworkImage:feed.feedImageURL];

效率不高，因为每个图像下载都需要自己的操作队列，因此可以取消。这可能需要更多的工作才能提高效率。但到目前为止看起来没有重复的图像

Answer 2

Carlos，我对 NINetworkImageView 了解不多，但我的理论是 UICollectionView 正在重用您的视图，并且您不会取消请求。假设您加载第一个单元格，然后触发该图像的请求。然后你开始滚动。在第一个请求完成之前重用第一个单元格，并且可能这个重用该单元格的新项目没有图像，所以你不要调用 setPathNetwork... 结果，新重用的单元格将具有第一个单元格图像。

可能在 NINetworkImageView 中有一个方法可以取消请求。每次重用这些视图之一时调用它。

谢谢！