在可重用的表格单元格中使用 NSCache 和 dispatch_async 的正确方法是什么？

Question

我一直在寻找一种明确的方法来做到这一点，但没有找到任何可以举例说明并很好解释的地方。希望你能帮帮我。

这是我正在使用的代码：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{

static NSString *CellIdentifier = @"NewsCell";
NewsCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

// Configure the cell...

NewsItem *item = [newsItemsArray objectAtIndex:indexPath.row];

cell.newsTitle.text = item.title;

NSCache *cache = [_cachedImages objectAtIndex:indexPath.row];

[cache setName:@"image"];
[cache setCountLimit:50];

UIImage *currentImage = [cache objectForKey:@"image"];

if (currentImage) {
    NSLog(@"Cached Image Found");
    cell.imageView.image = currentImage;
}else {
    NSLog(@"No Cached Image");

    cell.newsImage.image = nil;

    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, (unsigned long)NULL), ^(void)
                   {
                       NSData *imageData = [NSData dataWithContentsOfURL:[NSURL URLWithString:item.image]];
                       dispatch_async(dispatch_get_main_queue(), ^(void)
                       {
                           cell.newsImage.image = [UIImage imageWithData:imageData];
                           [cache setValue:[UIImage imageWithData:imageData] forKey:@"image"];
                           NSLog(@"Record String = %@",[cache objectForKey:@"image"]);
                       });
                   });
}

return cell;
}

缓存为我返回 nil。

Answer 1

Nitin 很好地回答了关于如何使用缓存的问题。问题是，原始问题和 Nitin 的答案都存在您使用 GCD 的问题，该问题 (a) 无法控制并发请求的数量； (b) 分派的块是不可取消的。此外，您正在使用dataWithContentsOfURL，这是不可取消的。

请参阅 WWDC 2012 视频 Asynchronous Design Patterns with Blocks, GCD, and XPC，第 7 节，“分离控制和数据流”，视频大约 48 分钟，讨论为什么会出现问题，即如果用户快速向下滚动列表到第 100 项，所有其他 99 个请求都将排队。在极端情况下，您可以使用所有可用的工作线程。而且iOS无论如何只允许五个并发的网络请求，所以用完所有这些线程是没有意义的（如果一些调度的块启动了由于超过五个而无法启动的请求，那么你的一些网络请求将开始失败)。

因此，除了您当前异步执行网络请求和使用缓存的方法之外，您还应该：

1. 使用操作队列，它允许您（a）限制并发请求的数量； (b) 开启取消操作的能力；

2. 也使用可取消的NSURLSession。您可以自己执行此操作，也可以使用 AFNetworking 或 SDWebImage 等库。

3. 当一个单元被重用时，取消前一个单元的所有未决请求（如果有的话）。

这是可以做到的，我们可以向您展示如何正确地做到这一点，但代码量很大。最好的方法是使用许多 UIImageView 类别中的一种，它会进行缓存，但也可以处理所有这些其他问题。 SDWebImage 的 UIImageView 类别相当不错。它极大地简化了您的代码：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *cellIdentifier = @"NewsCell";    // BTW, stay with your standard single cellIdentifier

    NewsCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier indexPath:indexPath];

    NewsItem *item = newsItemsArray[indexPath.row];

    cell.newsTitle.text = item.title;

    [cell.imageView sd_setImageWithURL:[NSURL URLWithString:item.image]
                      placeholderImage:[UIImage imageNamed:@"placeholder.png"]];

    return cell;
}

Answer 2

可能是你为NSCache的每张图片设置了相同的Key

[cache setValue:[UIImage imageWithData:imageData] forKey:@"image"];

使用 this 而不是上面将 ForKey 设置为 Imagepath item.image 并使用 setObject 而不是 setVlaue：-

[self.imageCache setObject:image forKey:item.image];

试试这个代码示例：-

在 .h 类中：-

@property (nonatomic, strong) NSCache *imageCache;

在 .m 类中：-

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.imageCache = [[NSCache alloc] init];

    // the rest of your viewDidLoad
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{

     static NSString *cellIdentifier = @"cell";
     NewsCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];

     NewsItem *item = [newsItemsArray objectAtIndex:indexPath.row];
     cell.newsTitle.text = item.title;

    UIImage *cachedImage =   [self.imageCache objectForKey:item.image];;
    if (cachedImage)
    {
        cell.imageView.image = cachedImage;
    }
    else
    {
        cell.imageView.image = [UIImage imageNamed:@"blankthumbnail.png"];

        dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{

               NSData *imageData = [NSData dataWithContentsOfURL:[NSURL URLWithString:item.image]];
               UIImage *image    = nil;
                if (imageData) 
                     image = [UIImage imageWithData:imageData];

                if (image)
                {

                     [self.imageCache setObject:image forKey:item.image];
                }
              dispatch_async(dispatch_get_main_queue(), ^{
                        UITableViewCell *updateCell = [tableView cellForRowAtIndexPath:indexPath];
                        if (updateCell)
                           cell.imageView.image = [UIImage imageWithData:imageData];
                           NSLog(@"Record String = %@",[cache objectForKey:@"image"]);
                  });
          });            
    }
    return cell;
}