异步下载图片

一. 加载图片常见问题

---

1.同步加载图片

存在问题：
通过模拟延时发现，如果网速慢，会非常卡，影响用户体验
滚动表格，会重复下载图像，造成用户流量的损失！

• 解决方法: 异步下载图片

2.异步加载图片

存在问题:
下载完图片不显示。不显示原因：
1.使用的是系统提供的 cell
2.异步方法中只设置了图像，但是没有设置 frame
3.图像加载后，一旦与cell 交互，会调用 cell 的 layoutSubviews 方法，重新调整cell 的布局.

• 解决方法:使用占位图片

新问题: 使用占位图片异步加载图片完成后，点击图像会变小

• 解决办法：自定义 cell(自定义 cell 可以自己固定每一个子控件的 frame)

3.自定义cell

存在问题：
如果网络图片下载速度不一致，同时用户滚动图片，可能会出现图片显示"错行"的问题。

• 解决方法: MVC

4.MVC解决错行问题

存在问题
如果图像下载很慢，用户滚动表格很快，会造成重复创建下载操作。

• 解决方法: 使用操作缓存池

5.缓存池的选择

所谓缓冲池，其实就是一个容器，能够存放多个对象
数组：按照下标，可以通过 indexPath 可以判断操作是否已经在进行中 ，无法解决上拉 & 下拉刷新
NSSet -> 无序的，无法定位到缓存的操作
字典：按照key，可以通过下载图像的 URL（唯一定位网络资源的字符串）

• 小结：选择字典作为操作缓冲池。

6.图片缓存池

优点:
不用重复下载，利用MVC刷新表格，不会造成数据混乱
缺点:
所有下载后的图像，都会记录在模型中
如果模型数据本身很多（2000），单纯图像就会占用很大的内存空间 如果图像和模型绑定的很紧，不容易清理内存

• 解决办法: 使用图片缓存池

7.内存警告

如果接收到内存警告，程序一定要做处理

-(void)didReceiveMemoryWarning {
   [superdidReceiveMemoryWarning];
   // 1. 取消下载操作
   [self.downloadQueuecancelAllOperations];
   //2. 清空缓冲池
  [self.operationCacheremoveAllObjects];
  [self.imageCacheremoveAllObjects];
}

8.沙盒缓存实现

沙盒目录介绍

Documents
保存由应用程序产生的文件或者数据，例如：涂鸦程序生成的图片，游戏关卡记录 ,iCloud 会自动备份Document 中的所有文件,如果保存了从网络下载的文件，在上架审批的时候，会被拒！
Tmp
临时文件夹，保存临时文件保存在 tmp 文件夹中的文件，系统会自动回收，譬如磁盘空间紧张或者重新启动手机程序员不需要管 tmp 文件夹中的释放
Caches
缓存，保存从网络下载的文件，后续仍然需要继续使用，例如：网络下载的离线数据，图片，视频...缓存目录中的文件系统不会自动删除，可以做离线访问！要求程序必需提供一个完善的清除缓存目录的"解决方案"！
Preferences
系统偏好，用户偏好操作是通过 [NSUserDefaultsstandardDefaults] 来直接操作

iOS 不同版本间沙盒目录的变化
1.iOS 7.0及以前版本 bundle 目录和沙盒目录是在一起的
2.iOS 8.0之后，bundle 目录和沙盒目录是分开的

NSString+Path
@implementation NSString (Path)
- (NSString *)appendDocumentPath {
   NSString*dir=NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES).lastObject;
   return[dir stringByAppendingPathComponent:self.lastPathComponent];
}
-(NSString *)appendCachePath {
  NSString*dir=NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES).lastObject;
  return[dir stringByAppendingPathComponent:self.lastPathComponent];
}
-(NSString *)appendTempPath {
return[NSTemporaryDirectory() stringByAppendingPathComponent:self.lastPathComponent];
}
@end

• 沙盒缓存

   将图像保存至沙盒
  
   // 将图片保存到沙盒缓存中
  
   if (data != nil)
   {
  [data writeToFile:app.icon.appendCachePath
  atomically:true];
  
  }
  

  检查沙盒缓存

  // 判断沙盒文件是否存在

  UIImage *image = [UIImage
  imageWithContentsOfFile:app.icon.appendCachePath];

  if (image != nil) {
  NSLog(@"从沙盒加载图像 ... %@", app.name);

  // 将图像添加至图像缓存
  [self.imageCache setObject:image forKey:app.icon];
  cell.iconView.image = image;
  return cell;

  }