在 UITableView 中缓存图像

Question

我正在将图片加载到与单元格文本对应的表格视图中，因此每个图像都不同。当用户向下滚动时，iOS 必须手动从 SSD 重新加载每个图像，因此滚动非常不稳定。如何缓存图像或防止需要重新创建表格视图单元格？其他人已经通过使用imageNamed: 解决了他们的问题，因为 iOS 会自动缓存您的图像，但我是从文档目录加载图像，而不是从应用程序包加载图像。我该怎么办？谢谢。

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {

    // Return the number of sections.
    return 1;

}


- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

    // Return the number of rows in the section.
    return [issues count];

}

// Customize the appearance of table view cells.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    NSString *CellIdentifier = @"Cell";

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {

        cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease];

    }


    // Set up the cell...
    NSDictionary *dic = [self.issues objectAtIndex:indexPath.row];

    cell.text = [dic objectForKey:@"Date"];

    cell.imageView.image = [UIImage imageWithContentsOfFile:[NSString stringWithFormat:@"%@/issues/%@/cover.png", documentsDirectory, [dic objectForKey:@"Directory Name"]]];

    return cell;

}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {

        return 150;

}

Answer 1

那组字典是你的模型，所以它是一个自然的地方。棘手的部分是使您的模型可变。您可以使模型在类中可变，或者在缓存图像时跳过箍。我推荐前者，但在此处编码以匹配您现有的代码...

- (UIImage *)imageForIndexPath:(NSIndexPath *)indexPath {

    NSDictionary *dic = [self.issues objectAtIndex:indexPath.row];
    UIImage *image = [dic valueForKey:@"cached_image"];

    if (!image) {
        image = [UIImage imageWithContentsOfFile:[NSString stringWithFormat:@"%@/issues/%@/cover.png", documentsDirectory, [dic objectForKey:@"Directory Name"]]];
        NSMutableDictionary *updatedDictionary = [NSMutableDictionary dictionaryWithDictionary:dic];
        [updatedDictionary setValue:image forKey:@"cached_image"];
        NSMutableArray *updatedIssues = [NSMutableArray arrayWithArray:self.issues];
        [updatedIssues replaceObjectAtIndex:indexPath.row withObject:[NSDictionary dictionaryWithDictionary:updatedDictionary]];
        self.issues = [NSArray arrayWithArray:updatedIssues];
    }
    return image;
}

第一次滚动列表时会出现波动，之后会变得平滑。如果您不想在视图出现之前进行第一次切割并产生一点延迟，您可以提前遍历模型并强制加载：

for (int i=0; i<self.issues.count; i++) {
    NSIndexPath *indexPath = [NSIndexPath indexPathForRow:i inSection:0];
    (void)[self imageForIndexPath:indexPath];
}

最后一件事 - 另一种解决方案是一个可变数组来匹配您的问题数组。这可能很好，但通常情况下，我很高兴我在模型中包含了一些缓存计算。如果您发现自己在其他地方使用了该问题数组，您会很高兴您已经处理了所有图像。

Answer 2

除了缓存，您还可以考虑使用 Grand Central 调度在后台加载图像。加载单元格后，放置一个 UIActivityIndi​​cator，然后在单独的线程中将其替换为图像。

还可以查看有关图像口吃的相关答案： Non-lazy image loading in iOS