ios - iOS 集合视图滚动滞后

Question

我正在使用 UI 集合视图以垂直滚动格式显示带有图像及其相关数据（如日期、名称）的单元格。视图出现时从服务器获取图像数据。当单元格出现时，获取的数据然后转换为 UIImage。

问题是滚动滞后。每当一个新的单元格即将出现时，滚动就会挂起一点。有没有办法解决这个问题？我正在考虑在后台线程中开始将 NSData 转换为 UIImage 以防止滞后。不确定这是否是正确的方法。

Answer 1

正如堆栈所说，您应该异步加载图像，并且有一些很棒的UIImageView类别使这非常容易做到，即SDWebImage或AFNetworking中的类别。这些UIImageView类别不仅异步加载图像，还进行缓存、必要时取消网络操作等。如果您自己正确执行此操作（捕获我刚刚列举的所有这些功能），则需要大量代码，但如果您这样做真的很容易使用这些类别之一。

例如，如果使用 SDWebImage，您可以：

#import "UIImageView+WebCache.h"

接着：

[cell.imageView setImageWithURL:url placeholderImage:[UIImage imageNamed:@"placeholder.png"] completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType) {
    if (error)
        NSLog(@"%s: setImageWithURL error: %@", __FUNCTION__, error);
}];

或者，如果使用 AFNetworking：

#import "UIImageView+AFNetworking.h"

和

[cell.imageView setImageWithURL:url placeholderImage:[UIImage imageNamed:@"placeholder.png"]];

或者

[cell.imageView setImageWithURLRequest:[NSURLRequest requestWithURL:url] placeholderImage:[UIImage imageNamed:@"placeholder.png"] success:nil failure:^(NSURLRequest *request, NSHTTPURLResponse *response, NSError *error) {
    NSLog(@"%s: setImageWithURLRequest error: %@", __FUNCTION__, error);
}];