UITableView 屏幕图像下载延迟加载

Question

首先这不是重复的。我看到了一些相同的问题，但它们对我没有帮助，因为我的问题略有不同。

使用以下代码，我在我的项目中异步下载图像。

{
    NSURL *imageURL = [NSURL URLWithString:imageURLString];
    [self downloadThumbnails:imageURL];
}

- (void) downloadThumbnails:(NSURL *)finalUrl
{
    dispatch_group_async(((RSSChannel *)self.parentParserDelegate).imageDownloadGroup, dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{

        NSData *tempData = [NSData dataWithContentsOfURL:finalUrl];

        dispatch_async(dispatch_get_main_queue(), ^{

            thumbnail = [UIImage imageWithData:tempData];
        });
    });
}

由于程序的逻辑，我在 tableview 控制器以外的文件中使用了上面的代码，它在从 web 服务获取数据后显示所有数据。

问题： 屏幕上的图像在我滚动之前不会显示。首先刷新离屏图像。我该怎么做才能解决我的问题。

Apple 的延迟加载项目正在使用 scrollViewDidEndDragging 和 scrollViewDidEndDecelerating 来加载图像，但该项目太大而无法理解，而且我的代码位于 tableview 控制器以外的文件中。

注意：请勿推荐第三方库，如 SDWebImage 等。

更新：由于大多数人无法解决这个问题，我必须澄清这个问题与下载、缓存和重新加载 tableview 中的图像无关。所以请不要推荐第三方库。问题是图像仅在用户滚动表格视图而不是加载屏幕视图时显示。

提前致谢

Answer 1

我认为你要做的是：

1. 在下载图像时在表格单元格中显示一些占位符图像（否则您的表格将看起来是空的）；

2. 当下载的图像在那里时，向您的表发送一条刷新消息。

对于 2，您有两种方法：

1. 简单的一个：将reloadData 发送到您的表格视图（并检查您的应用程序的性能）；

2. 向您的表格视图发送消息：

   - (void)reloadRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation
   

使用reloadRowsAtIndexPaths 会好很多，但它需要您跟踪哪个图像与哪个表格行相关联。

请记住，如果您使用 Core Data 来存储图像，那么通过将 NSFetchedResultController 与您的表格视图集成，这个工作流程会变得更加容易。 See here for an example.

另一种方法是使用 KVO：

1. 在 ItemsViewCell 中声明这个观察方法：

   - (void)observeValueForKeyPath:(NSString *)keyPath
                 ofObject:(id)object
                   change:(NSDictionary *)change
                  context:(void *)context {
   
   if ([keyPath isEqual:@"thumbnail"]) {
     UIImage* newImage = [change objectForKey:NSKeyValueChangeNewKey];
     if (newImage != (id)[NSNull null]) {
       self.thumbContainer.image = newImage;
       [self.thumbContainer setNeedsLayout];
     }
   }
   
   }
   

2. 然后，当您配置单元格时：

   RSSItem *item = [[channel items] objectAtIndex:[indexPath row]];
   cell.titleLabel.text = [item title];
   cell.thumbContainer.image = [item thumbnail];
   
   [item addObserver:cell forKeyPath:@"thumbnail" options:NSKeyValueObservingOptionNew context:NULL];
   

通过这样做，每当给定的item“缩略图”键路径发生变化时，cell 都会收到通知。

另一个必要的改变是做这样的分配：

       self.thumbnail = [UIImage imageWithData:tempData];

（即，使用self.）。

另一个编辑：

我想像 Apple 的 LazyTableImages 示例一样下载和加载图像。当它不减速和拖动时，则只加载屏幕图像，而不是一次加载所有图像。

我怀疑我们在这里讨论的是不同的问题。

我认为您的问题是下载的图像未正确显示（如果您不滚动表格）。这是我从你的问题中了解到的，我的建议解决了这个问题。

关于延迟加载，您正在执行的操作（下载整个提要，然后将其作为一个整体归档）与您想要的操作（延迟加载）之间存在某种不匹配。这两件事不匹配，所以你应该重新考虑你在做什么。

除此之外，如果您想延迟加载图片，您可以按照以下步骤操作：

1. parser:foundCDATA:不加载图片，只存储图片URL；

2. 开始下载tableView:cellForRowAtIndexPath:中的图片（如果你知道URL，你可以使用dataWithContentOfURL，就像你在一个单独的线程上做的那样）；

3. 我上面贴的代码会在图像存在时更新表格；

4. 一开始不用担心滚动/拖动，只要让 1-2-3 工作即可；

5. 一旦工作，使用滚动/拖动代理防止图像在滚动/拖动期间被下载（第 2 点）；您可以在表格视图中添加一个标志，并让tableView:cellForRowAtIndexPath: 仅在标志显示“禁止滚动/拖动”时下载图像。

我希望这足以让您获得最终结果。我不会为此编写代码，因为它非常琐碎。

PS：如果您延迟加载图像，您的提要将存储在磁盘上而没有图像；您也可以删除 CGD 组和 CGD 等待。正如我所说，没有办法解决这个问题：您不能在进行延迟加载的同时将图像与提要一起存档（除非每次您都获得了一个新图像，您将整个提要存档） .你应该找到另一种缓存图像的方法。

Answer 2

尝试使用SDWebImage，它非常适合在 UITableViews 中使用来自网络的图像并为您处理大部分工作。

Answer 3

最好的办法是缓存图像并使用它们。我已经编写了表格视图的代码。 Image on top of Cell 这是一个很好的解决方案。

Answer 4

尝试使用此代码下载图片，

 - (void) downloadThumbnails:(NSURL *)finalUrl
  {
     NSURLRequest* request = [NSURLRequest requestWithURL:finalUrl];
    [NSURLConnection sendAsynchronousRequest:request 
                     queue:[NSOperationQueue mainQueue]
                     completionHandler:^(NSURLResponse * response,
                     NSData * data, NSError * error)
                    {
                      if (!error)
                       {
                      thumbnail = [UIImage imageWithData:data];

                       }       

   }];
 }