匿名网友
SDWebImage经典解析
先来一句话概述SDWebImage：（相信面试对你有用）
- url作为key，UIImage作为value
- url作为key，NSOperation作为value
先来看看他的内部缓存原理：
SDWebImage库的作用：
通过对UIImageView的类别扩展来实现异步加载替换图片的工作。
主要用到的对象：
- 1、UIImageView (WebCache)类别，入口封装，实现读取图片完成后的回调
- 2、SDWebImageManager，对图片进行管理的中转站，记录那些图片正在读取。
- 向下层读取Cache（调用SDImageCache），或者向网络读取对象（调用SDWebImageDownloader） 。
- 实现SDImageCache和SDWebImageDownloader的回调。
- 3、SDImageCache，根据URL的MD5摘要对图片进行存储和读取（实现存在内存中或者存在硬盘上两种实现）
- 实现图片和内存清理工作。
- 4、SDWebImageDownloader，根据URL向网络读取数据（实现部分读取和全部读取后再通知回调两种方式）
SDWebImage会自动进行内存缓存和磁盘缓存
– SDWebImage的磁盘缓存, 是按照时间来处理的, 只要缓存数据超过了最大的缓存时间, 就会自动删除
– SDWebImage默认的磁盘缓存时间是多久?
+ 1周
– SDWebImage接收到内存警告会如何处理
+ 只要接收到内存警告就会调用 clearMemory 清空内存缓存
– SDWebImage即将要被终结如何处理
+ 会调用 cleanDisk 方法, 删除过期的文件
– SDWebImage存储到什么为止
+ caches文件夹下面
+ 新建一个default文件夹用于缓存
– SDWebImage是如何清空缓存 ?
+ clearMemory
+ 移除NSCache中保存的所有图片对象
– SDWebImage是如何清除磁盘
- + cleanDisk : 清除过期的
* 遍历缓存目录, 找到所有过期的文件, 并删除
* 查看当maxCacheSize的值, 如果删除之后缓存的大小, 还大于maxCacheSize, 那么就会从时间较早的开始继续删除, 直到缓存大小小于maxCacheSize为止
- + clearDisk : 清除所有
* 直接干掉缓存文件夹
* 重新创建一个新的文件夹, 作为缓存文件
– SDWebImage可以直接播放GIF图片
- + 加载GIF图片, 然后取出GIF图片中所有的帧, 并且计算动画时间
- + 根据取出的帧和动画时间生产一张新的可动画的图片
– SDWebImage它可以判断图片的类型
- + 图片的十六进制数据, 的前8个字节都是一样的, 所以可以同判断十六进制来判断图片的类型
- + PNG
- + JPG
- + …
经典使用：
// 在老版本的SDWebImage中, 以下方法是没有sd_前缀的
[cell.imageView sd_setImageWithURL:[NSURL URLWithString:app.icon] placeholderImage:[UIImage imageNamed:@”abc”]];
下面来看看SDWebImage代码的相关实现：（这里并不是他的源码，笔者根据内部的实现原理自己实现的一套，当然如果你想更深入了解可以查看对应的源码）
1 //先使用一张占为图片，提升用户体验 2 cell.imageView.image = [UIImage imageNamed:@"001.png"]; 3 4 //********************************************************************************** 5 //--------------------- 6 #pragma mark 图片缓存 7 //--------------------- 8 //********************************************************************************** 9 10 //获取内存中的图片 11 UIImage *image = self.cacheImage[ic.icon]; 12 13 ///判断缓存中是否有图片 14 if (image == nil) {//没有图片 15 16 //获取缓存路径 17 NSString *path = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) lastObject]; 18 19 //从磁盘中获取图片数据 20 __block NSData *data = [NSData dataWithContentsOfFile:path]; 21 22 //判断磁盘中是否有数据 23 if (data == nil) { 24 25 ///创建一个队列 26 NSOperationQueue *queue = [[NSOperationQueue alloc] init]; 27 28 //获取图片的下载操作 29 NSBlockOperation *opp = self.operations[ic.icon]; 30 31 //磁盘也没有图片的时候，判断图片是否在下载 32 if (opp == nil) { 33 34 //如果没有下载则下载图片 35 opp = [NSBlockOperation blockOperationWithBlock:^{ 36 37 //获取模型中的url 38 NSURL *url = [NSURL URLWithString:ic.icon]; 39 40 //将URL下载为二进制数据 41 data = [NSData dataWithContentsOfURL:url]; 42 43 //判断是否下载成功 44 if (data == nil) { 45 //如果没有下载成功则移除所有下载 46 [self.operations removeObjectForKey:ic.icon]; 47 return ; 48 } 49 50 //获取下载好的二进制数据 51 UIImage *image = [UIImage imageWithData:data]; 52 53 //将下载好图片缓存到内存中，方便下次直接使用 54 self.cacheImage[ic.icon] = image; 55 56 //将下载好的图片数据保存到磁盘中，方便下次使用 57 [data writeToFile:path atomically:YES]; 58 59 //在主线程中刷新数据 60 [[NSOperationQueue mainQueue] addOperationWithBlock:^{ 61 //使用这种方法就可以，不需要cell.imageView.image = image;那样会有意外的bug 62 [tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone]; 63 64 //刷新数据之后移除下载操作 65 [self.operations removeObjectForKey:ic.icon]; 66 }]; 67 }]; 68 69 //将下载的任务保存到缓存中 70 self.operations[ic.icon] = opp; 71 72 //将任务添加到队列中 73 [queue addOperation:opp]; 74 } 75 } else { 76 //如果磁盘中有数据则直接从磁盘路径中获取数据 77 NSData *data = [NSData dataWithContentsOfFile:path]; 78 79 //将从磁盘中获取的二进制数据转换为对应的图片数据 80 UIImage *image = [UIImage imageWithData:data]; 81 82 //刷新界面，即设置对应的图片 83 cell.imageView.image = image; 84 85 //将磁盘中的图片保存内存中，方便直接使用 86 self.cacheImage[ic.icon] = image; 87 88 } 89 } else { 90 //如果内存中有图片数据，则直接赋值使用图片数据 91 cell.imageView.image = image; 92 }
流程介绍：
- 入口 setImageWithURL:placeholderImage:options: 会先把 placeholderImage 显示，然后 SDWebImageManager 根据 URL 开始处理图片。
- 进入 SDWebImageManager-downloadWithURL:delegate:options:userInfo:，交给 SDImageCache 从缓存查找图片是否已经下载 queryDiskCacheForKey:delegate:userInfo:.
- 先从内存图片缓存查找是否有图片，如果内存中已经有图片缓存，SDImageCacheDelegate 回调 imageCache:didFindImage:forKey:userInfo: 到 SDWebImageManager。
- SDWebImageManagerDelegate 回调 webImageManager:didFinishWithImage: 到 UIImageView+WebCache 等前端展示图片。
- 如果内存缓存中没有，生成 NSInvocationOperation 添加到队列开始从硬盘查找图片是否已经缓存。
- 根据 URLKey 在硬盘缓存目录下尝试读取图片文件。这一步是在 NSOperation 进行的操作，所以回主线程进行结果回调 notifyDelegate:。
- 如果上一操作从硬盘读取到了图片，将图片添加到内存缓存中（如果空闲内存过小，会先清空内存缓存）。SDImageCacheDelegate 回调 imageCache:didFindImage:forKey:userInfo:。进而回调展示图片。
- 如果从硬盘缓存目录读取不到图片，说明所有缓存都不存在该图片，需要下载图片，回调 imageCache:didNotFindImageForKey:userInfo:。
- 共享或重新生成一个下载器 SDWebImageDownloader 开始下载图片。
- 图片下载由 NSURLConnection 来做，实现相关 delegate 来判断图片下载中、下载完成和下载失败。
- connection:didReceiveData: 中利用 ImageIO 做了按图片下载进度加载效果。
- connectionDidFinishLoading: 数据下载完成后交给 SDWebImageDecoder 做图片解码处理。
- 图片解码处理在一个 NSOperationQueue 完成，不会拖慢主线程 UI。如果有需要对下载的图片进行二次处理，最好也在这里完成，效率会好很多。
- 在主线程 notifyDelegateOnMainThreadWithInfo: 宣告解码完成，imageDecoder:didFinishDecodingImage:userInfo: 回调给 SDWebImageDownloader。
- imageDownloader:didFinishWithImage: 回调给 SDWebImageManager 告知图片下载完成。
- 通知所有的 downloadDelegates 下载完成，回调给需要的地方展示图片。
- 将图片保存到 SDImageCache 中，内存缓存和硬盘缓存同时保存。写文件到硬盘也在以单独 NSInvocationOperation 完成，避免拖慢主线程。
- SDImageCache 在初始化的时候会注册一些消息通知，在内存警告或退到后台的时候清理内存图片缓存，应用结束的时候清理过期图片。
- SDWI 也提供了 UIButton+WebCache 和 MKAnnotationView+WebCache，方便使用。
- SDWebImagePrefetcher 可以预先下载图片，方便后续使用。
