逻辑如图：
问题总结：
图片重复下载，通过添加的打印可以很明显的看出来，解决方式是把之前下载好的图片保存起来，因为图片和文字要对应，所以采用字典的方式进行存储。
1、添加内存缓存解决图片重复下载问题
2、添加内存缓存存在问题，需要用磁盘缓存(沙盒缓存)来补充
3、UI不流畅，因为下载图片操作和刷新UI的操作都是在主线程中操作的，解决方法把下载操作放到子线程中进行操作。UI不会自动刷新，当我拖动的时候才会刷新页面，解决方式要使用代码手动刷新。
因为下载操作是异步的，会先把没有图标的cell返回，此时因为图标的frame为0，所以之后即使图片下载下来，frame变为其他额尺寸，frame还是会一直为0，所以不会显示。如果我手动刷新，系统会从新走一遍cellForRowAtIndexPath:方法，到设置图标这一步时，会直接把内存中存在的图片（此时图片是有frame的）直接设置到cell中会显示。由于拖动太快，导致的重复下载的问题。解决方式是定义一个操作缓存（字典），把之前的操作都保存起来，因为上面出现的原因本质就是因为blockOperation重复添加到queue中了。
这个问题是这样的，需要显示的图片会进行下载操作，但是一张图片下载需要时间，如果图片还没下载下来，我就拖动了，将它移出屏幕，结果就是这张图片没有下载完，如果这时候我又拖动了，又要显示这张图片，因为上一次还没下载完，所以内存和磁盘里都没有，所以会重复下载。解决方式是定义一个操作缓存（字典），把之前的操作都保存起来，因为上面出现的原因本质就是因为blockOperation重复添加到queue中了。cell的重用机制导致的cell图标展示数据错乱的问题，解决方案，如果要进行下载图片，先清空原来cell上的图片，但是一般不会直接设置为nil，会采用占位图片的方式来解决。
最终完成版：
/** 定义操作缓存属性 */
@property (nonatomic, strong) NSMutableDictionary *operations;
// 操作缓存属性懒加载实现
- (NSMutableDictionary *)operations{
if (!_operations) {
_operations = [NSMutableDictionary dictionary];
}
return _operations;
}
// 设置图标的位置修改如下：
// 先去查看内存缓存中该图片有没有被下载过，如果有直接拿来用，如果没有就去检查磁盘缓存，如果没有磁盘缓存，就保存一份到内存，设置图片，否则就直接下载。
UIImage *image = [self.images objectForKey:item.icon];
// 如果有值直接拿来直接使用
if(image){
cell.imageView.image = image;
NSLog(@"使用了内存缓存中的图片----%zd",indexPath.row);
}else{
// 沙盒缓存路径获取(磁盘缓存)
NSString *cachePath = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) lastObject];
// 获得图片的名称
NSString *imageName = [item.icon lastPathComponent];
// 拼接全路径
NSString *fullPath = [cachePath stringByAppendingPathComponent:imageName];
// 检查磁盘缓存
NSData *imageData = [NSData dataWithContentsOfFile:fullPath];
if (imageData) {
// 设置图标
UIImage *image = [UIImage imageWithData:imageData];
cell.imageView.image = image;
NSLog(@"沙盒存储----%zd",indexPath.row);
// 保存图片到内存缓存
[self.images setObject:image forKey:item.icon];
}else{
// 检查图片是否在操作缓存中进行下载，如果在下载就什么也不做，如果不在就添加下载任务
NSBlockOperation *blockOperation = [self.operations objectForKey:item.icon];
if (blockOperation) {
}else{
// 防止cell重用导致的数据错乱 先设置cell 的 image为空
cell.imageView.image = [UIImage imageNamed:@"placeHolder.png"];
// 创建下载操作
blockOperation = [NSBlockOperation blockOperationWithBlock:^{
NSURL *url = [NSURL URLWithString:item.icon];
NSData *imageData = [NSData dataWithContentsOfURL:url];
UIImage *image = [UIImage imageWithData:imageData];
NSLog(@"下载------%@",[NSThread currentThread]);
// 当url地址不正确 image为空 容错处理
if (!image) {
// 为了下一次进来的时候再次尝试进行图片下载
[self.operations removeObjectForKey:item.icon];
return ;
}
[[NSOperationQueue mainQueue] addOperationWithBlock:^{
cell.imageView.image = image;
NSLog(@"UI------%@",[NSThread currentThread]);
// 手动刷新 刷新UITableView指定的行
[self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationRight];
}];
// 保存图片到内存缓存 用图片的URL作为图片的key 保证key唯一
[self.images setObject:image forKey:item.icon];
// 保存图片到沙盒缓存(磁盘缓存)
[imageData writeToFile:fullPath atomically:YES];
// 下载操作完成后进行移除操作
[self.operations removeObjectForKey:item.icon];
}];
// 添加下载操作到操作缓存中
[self.operations setObject:blockOperation forKey:item.icon];
// 添加下载操作到并发队列中
[self.queue addOperation:blockOperation];
}
}
}
- 内存问题：将图片保存在内存中是很方便的事，图片少的情况下肯定没问题，但是图片多了就会内存警告，要做一下处理。
- (void)didReceiveMemoryWarning{
// 移除内存缓存，这里不会影响界面显示，因为有强引用的关系。
[self.images removeAllObjects];
// 移除队列中所有操作
[self.queue cancelAllOperations];
}
原贴写的更清晰相近，转自：//www.greatytc.com/p/6edf6b9b2c1b
