iOS - SDWebImage源码解读,分解流程,超细注解,进阶必备

大神原文地址:http://blog.csdn.net/deft_mkjing/article/details/52900586


更新:SDWebImageDecoder是用来图片的解压缩(原理以及为什么)

SD内部已经帮我们把请求回来的数据或者缓存到本地的图片资源都进行了异步解压缩,因此不需要我们来做,简单了解下

图片压缩流程

  1. 假设我们使用 +imageWithContentsOfFile: 方法从磁盘中加载一张图片,这个时候的图片并没有解压缩;
  2. 然后将生成的 UIImage 赋值给 UIImageView ;
  3. 接着一个隐式的 CATransaction 捕获到了 UIImageView 图层树的变化;
  4. 在主线程的下一个 run loop 到来时,Core Animation 提交了这个隐式的 transaction ,这个过程可能会对图片进行 copy 操作,而受图片是否字节对齐等因素的影响,这个 copy 操作可能会涉及以下部分或全部步骤:
    1. 分配内存缓冲区用于管理文件 IO 和解压缩操作;
    2. 将文件数据从磁盘读到内存中;
    3. 将压缩的图片数据解码成未压缩的位图形式,这是一个非常耗时的 CPU 操作;
    4. 最后 Core Animation 使用未压缩的位图数据渲染 UIImageView 的图层。

在上面的步骤中,我们提到了图片的解压缩是一个非常耗时的 CPU 操作,并且它默认是在主线程中执行的。那么当需要加载的图片比较多时,就会对我们应用的响应性造成严重的影响,尤其是在快速滑动的列表上,这个问题会表现得更加突出。

点击打开链接摘自大神的博客,需要详细的可以点进去看看


个人理解:

1.首先PNG和JPEG都是图片的压缩格式,PNG是无损压缩,支持alpha,JPEG有损,可选1-100压缩比例

2.例如你有一张PNG的图片 20B,那么你对应的图片二进制数据也是20B的,解压缩后的图片就可能是几百几千B了

3.具体计算公式就是像素宽*像素高*每个像素对应的字节

4.那么当你进行图片渲染的时候,必须得到解压缩后的原始像素数据,才能进行图形渲染,这就是解压缩的原因


SD在SDWebImageDecoder这个文件中进行了强制解压缩,我们赋值给imageView的时候已经是解压缩的文件了,因此不会卡主主线程,不然默认是在主线程进行解压缩,图片一多,卡爆了



平时项目中用的库挺多的,没有认认真真看过几个,给自己定了个计划今年把SDWebImage,AFNetWorking看完,有时间把YYKit的组件也看看,虽然才这么几个,我感觉看完这些能学习个百分之一的代码逻辑,我就知足了,最近花了一周的时间在网上看了SDWebImage的源码分析以及SD本身代码的逻辑分析,分别都加上了注解,毕竟这是迈出去的第一步,看完一遍之后呢,偶然在网上看到一个图,加上自己的理解,觉得这个图太合适了,诠释的很完整

上图 图片出处




这个图分四个部分,听完我的分析你就能基本上理解了


首先把SD的所有类的作用简单介绍下 

3.8.1版本所有类的作用介绍一下

NSData+ImageContentType  通过Image data判断当前图片的格式


SDImageCache  缓存  定义了 Disk  和  memory二级缓存(NSCache)负责管理cache  单例


SDWebImageCompat  保证不同平台/版本/屏幕等兼容性的宏定义和内联 图片缩放


SDWebImageDecoder  图片解压缩,内部只有一个接口


SDWebImageDownloader 异步图片下载管理,管理下载队列,管理operation 管理网络请求 处理结果和异常  单例

存放网络请求回调的block  自己理解的数据结构大概是

//  结构{"url":[{"progress":"progressBlock"},{"complete":"completeBlock"}]}


SDWebImageDownloaderOperation 实现了异步下载图片的NSOperation,网络请求给予NSURLSession 代理下载

自定义的Operation任务对象,需要手动实现start cancel等方法


SDWebImageManager  核心管理类 主要对缓存管理 + 下载管理进行了封装  主要接口downloadImageWithURL单利


SDWebImageOperation   operation协议  只定义了cancel operation这一接口 上面的downloaderOperation的代理


SDWebImagePrefetcher 低优先级情况下预先下载图片,对SDWebImageViewManager进行简单封装 很少用


MKAnnotationView+WebCache – MKAnnotationView异步加载图片


UIButton+WebCache  为UIButton异步加载图片


UIImage+GIF  将Image data转换成指定格式图片


UIImage+MultiFormat 将image data转换成指定格式图片


UIImageView+HighlightedWebCache 为UIImageView异步加载图片


UIImageView+WebCache  为UIImageView异步加载图片


UIView+WebCacheOperation  保存当前MKAnnotationView / UIButton / UIImageView异步下载图片的operations


看完基本就这样的表情,没关系,继续往下看,最后会给个完整的总结


看下核心类的基本操作图


自己花的简图,凑活看吧




OK,我们就开始根据调用的代码一步步按照逻辑走一遍


1.第一步(外部控件)

直接调用sd暴露在外面的方法

[objc]  view plain  copy
  1. __weak typeof(self)weakSelf = self;  
  2.     [self.imageView sd_setImageWithURL:[NSURL URLWithString:@"http://cdn.duitang.com/uploads/item/201111/08/20111108113800_wYcvP.thumb.600_0.jpg"] placeholderImage:nil completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {  
  3.          
  4.         if (image && cacheType == SDImageCacheTypeNone)  
  5.         {  
  6.             weakSelf.imageView.alpha = 0;  
  7.             [UIView animateWithDuration:1.0f animations:^{  
  8.                  
  9.                 weakSelf.imageView.alpha = 1.f;  
  10.             }];  
  11.         }  
  12.         else  
  13.         {  
  14.             weakSelf.imageView.alpha = 1.0f;  
  15.         }  
  16.           
  17.     }];  
这个很简单,大家也经常用,用的时候打一下sd机会出来一串方法,这一串方法最终在内部都会转换成

[objc]  view plain  copy
  1. [self sd_setImageWithURL:url placeholderImage:placeholder options:options progress:nil completed:completedBlock];  


2.第二步(UIImageView + WebCache)

[objc]  view plain  copy
  1. // 以上所有的调用方法,最终都是进入这个方法进行图片的加载  
  2. // url  加载的图片  
  3. // placeholder 占位图  
  4. // options 下载图片的各种花式设置  一般使用的是SDWebImageRetryFailed | SDWebImageLowPriority  
  5. - (void)sd_setImageWithURL:(NSURL *)url placeholderImage:(UIImage *)placeholder options:(SDWebImageOptions)options progress:(SDWebImageDownloaderProgressBlock)progressBlock completed:(SDWebImageCompletionBlock)completedBlock {  
  6.       
  7.     // 取消当前的下载操作 如果不取消,那么当tableView滑动的时候,当前cell的imageView会一直去下载图片,然后优先显示下载完成的图片,直接错乱  
  8.     [self sd_cancelCurrentImageLoad];  
  9.       
  10.     {......省略一段代码}  
  11.     // 判断是否存在  
  12.     if (url) {  
  13.         {......省略一段代码}  
  14.         __weak __typeof(self)wself = self;  
  15.         // 关键类 SDWebImageManager 来处理图片下载  
  16.         // 下载有三层 1当前manager调用下载  2从缓存中获取,hit失败用SDWebImageDownloader对象调用下载 3.SDWebImageDownloaderOperation最终用继承  
  17.         // NSOperation的对象NSURLSession的方法去下载图片,代理里面进行操作  
  18.         id  operation = [SDWebImageManager.sharedManager downloadImageWithURL:url options:options progress:progressBlock completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, BOOL finished, NSURL *imageURL) {  
  19.             [wself removeActivityIndicator];  
  20.             if (!wself) return;  
  21.             dispatch_main_sync_safe(^{  
  22.                 if (!wself) return;  
  23.                 // 设置了SDWebImageAvoidAutoSetImage 默认不会将UIImage添加进UIImageView对象里面,而放置在conpleteBlock里面交由调用方自己处理,做个滤镜或者淡入淡出什么的  
  24.                 if (image && (options & SDWebImageAvoidAutoSetImage) && completedBlock)  
  25.                 {  
  26.                     completedBlock(image, error, cacheType, url);  
  27.                     return;  
  28.                 }  
  29.                 else if (image) {  
  30.                     wself.image = image;  
  31.                     [wself setNeedsLayout];  
  32.                 } else {  
  33.                     if ((options & SDWebImageDelayPlaceholder)) {  
  34.                         wself.image = placeholder;  
  35.                         [wself setNeedsLayout];  
  36.                     }  
  37.                 }  
  38.                 // 这里是最终回调出去的block  
  39.                 if (completedBlock && finished) {  
  40.                     completedBlock(image, error, cacheType, url);  
  41.                 }  
  42.             });  
  43.         }];  
  44.         // 保存本次operation,如果发生多次图片请求可以用来取消  
  45.         // 先取消当前UIImageView正在下载的任务,然后在保存operations  
  46.         // 也就是说当动态绑定的字典里面的key value对应一个图片下载 单个图片value数组就是0,不然就是多个,下载完就会根据key移除  
  47.         [self sd_setImageLoadOperation:operation forKey:@"UIImageViewImageLoad"];  
  48.     } else {  
  49.         dispatch_main_async_safe(^{  
  50.             [self removeActivityIndicator];  
  51.             if (completedBlock) {  
  52.                 NSError *error = [NSError errorWithDomain:SDWebImageErrorDomain code:-1 userInfo:@{NSLocalizedDescriptionKey : @"Trying to load a nil url"}];  
  53.                 completedBlock(nil, error, SDImageCacheTypeNone, url);  
  54.             }  
  55.         });  
  56.     }  
  57. }  
分析下:

这里首先会调用cancel的方法,为什么会这样呢??解释下会发生的bug

正常情况下屏幕展示的cell是这样的,当网络不稳定的情况下,第一个cell还在请求数据的时候,用户直接下滑了



就会出现下面这样的状态,这个是tableView的复用简单图解,当列表后面的cell准备加载的时候,会从复用池中找,有的话直接拿出来用,那么复用池子里面的cell还是第一个cell指向的imageView指针,如果没有停止之前的网络请求,那么直接拿出来再根据后面的数据绑定进行请求就会发生数据错位,这是非常可怕的。原因就是如果没有取消之前的请求,imageView的原理就是优先展示最新下载完之后的图片,就会立马显示出来,所以一定要先取消之前的


再来个例子

一个imageView请求了两张图片,1.png 和 2.png,但我们只希望显示 2.png,所以需要取消 1.png的请求。原因有两点:
1.在异步请求中(先后顺序不定),有可能 1.png 会在 2.png 后面获取到,会覆盖掉2.png
2.减少网络请求,网络请求是一个很耗时的操作


然后这一步的重点就是会启用SDWebImageManager管理单例,调用他的方法进行网络请求

[objc]  view plain  copy
  1. - (id )downloadImageWithURL:(NSURL *)url  
  2.                                          options:(SDWebImageOptions)options  
  3.                                         progress:(SDWebImageDownloaderProgressBlock)progressBlock  
  4.                                        completed:(SDWebImageCompletionWithFinishedBlock)completedBlock   



3.第三步(SDWebImageManager)

这个管理类有两个得力的手下

一个是SDImageCache 专门管理缓存

A:NSCache负责内存缓存,用法和NSDictionary基本一样

B:磁盘缓存用NSFileManager写文件的方式完成

注:

1. NSCache具有自动删除的功能,以减少系统占用的内存,还能设置内存临界值

2. NSCache是线程安全的,不需要加线程锁;

3. 键对象不会像 NSMutableDictionary 中那样被复制。(键不需要实现 NSCopying 协议)。


[objc]  view plain  copy
  1. // 从imageCache中寻找图片  
  2. //每次向SDWebImageCache索取图片的时候,会先根据图片URL对应的key值先检查内存中是否有对应的图片,如果有则直接返回;如果没有则在ioQueue中去硬盘中查找,其中文件名是是根据URL生成的MD5值,找到之后先将图片缓存在内存中,然后在把图片返回:  
  3. - (NSOperation *)queryDiskCacheForKey:(NSString *)key done:(SDWebImageQueryCompletedBlock)doneBlock {  
  4.     if (!doneBlock) {  
  5.         return nil;  
  6.     }  
  7.   
  8.     if (!key) {  
  9.         doneBlock(nil, SDImageCacheTypeNone);  
  10.         return nil;  
  11.     }  
  12.   
  13.     // First check the in-memory cache...  
  14.     // 1.先去内存层面查找  
  15.     UIImage *image = [self imageFromMemoryCacheForKey:key];  
  16.     if (image) {  
  17.         doneBlock(image, SDImageCacheTypeMemory);  
  18.         return nil;  
  19.     }  
  20.   
  21.     // 如果在内存没找到  
  22.     // 2. 如果内存中没有,则在磁盘中查找。如果找到,则将其放到内存缓存,并调用doneBlock回调  
  23.     NSOperation *operation = [NSOperation new];  
  24.     dispatch_async(self.ioQueue, ^{  
  25.         if (operation.isCancelled) {  
  26.             return;  
  27.         }  
  28.     // 创建自动释放池,内存即时释放  
  29. //        如果你的应用程序或者线程是要长期运行的并且有可能产生大量autoreleased对象, 你应该使用autorelease pool blocks  
  30.         @autoreleasepool {  
  31.             // 从硬盘拿,拿到了根据字段存入内存  
  32.             UIImage *diskImage = [self diskImageForKey:key];  
  33.             if (diskImage && self.shouldCacheImagesInMemory) {  
  34.                 // 像素  
  35.                 NSUInteger cost = SDCacheCostForImage(diskImage);  
  36.                 // 缓存到NSCache中  
  37.                 [self.memCache setObject:diskImage forKey:key cost:cost];  
  38.             }  
  39.   
  40.             dispatch_async(dispatch_get_main_queue(), ^{  
  41.                 doneBlock(diskImage, SDImageCacheTypeDisk);  
  42.             });  
  43.         }  
  44.     });  
  45.   
  46.     return operation;  
  47. }  

小知识点:

这里开了异步串行队列去Disk中查找,保证不阻塞主线程,而且开了autoreleasepool以降低内存暴涨问题,能得到及时释放,如果能取到,首先缓存到内存中然后再回调


如果内存和磁盘中都取不到图片,就会让Manager的另一个手下SDWebImageDownloader去下载图片

A:这货也是一个单例,专门负责图片的下载图片的下载都是放在NSOperationQueue中完成的

[objc]  view plain  copy
  1. // 下载图片的最终方法实现  
  2. - (id )downloadImageWithURL:(NSURL *)url  
  3.                                          options:(SDWebImageOptions)options  
  4.                                         progress:(SDWebImageDownloaderProgressBlock)progressBlock  
  5.                                        completed:(SDWebImageCompletionWithFinishedBlock)completedBlock {  
  6.     {......}  
  7.     // 根据URL生成对应的key  没有特殊处理为[self absoluteString]  
  8.     NSString *key = [self cacheKeyForURL:url];  
  9.       
  10.     // 前面的操作。主要作了如下处理:  
  11.     // 1. 判断url的合法性  
  12.     // 2. 创建SDWebImageCombinedOperation对象  
  13.     // 3. 查看url是否是之前下载失败过的  
  14.     // 去imageCache中寻找图片  
  15.     operation.cacheOperation = [self.imageCache queryDiskCacheForKey:key done:^(UIImage *image, SDImageCacheType cacheType) {  
  16.         if (operation.isCancelled) {  
  17.             @synchronized (self.runningOperations) {  
  18.                 [self.runningOperations removeObject:operation];  
  19.             }  
  20.               
  21.             return;  
  22.         }  
  23.         // 如果图片没有找到 或者是SDWebImageRefreshCached 就从网络上下载图片  
  24.           
  25.         if ((!image || options & SDWebImageRefreshCached) && (![self.delegate respondsToSelector:@selector(imageManager:shouldDownloadImageForURL:)] || [self.delegate imageManager:self shouldDownloadImageForURL:url])) {  
  26.             if (image && options & SDWebImageRefreshCached) {  
  27.                 dispatch_main_sync_safe(^{  
  28.                     // 如果图片存在cache中,但是options还是SDWebImageRefreshCached 通知cache去重新刷新缓存图片  
  29.                     completedBlock(image, nil, cacheType, YES, url);  
  30.                 });  
  31.             }  
  32.               
  33.             // 设置下载选项属性  
  34.             {......}  
  35.             // 开启下载  
  36.             // 这里的两个回调都是从DownloaderOperation里面出来的,progressBlock是不要取到的,直接在最外层调用的地方处理,完成的话需要进行cache,因此要在这里处理回调,处理完再回调出去  
  37.             id  subOperation = [self.imageDownloader downloadImageWithURL:url options:downloaderOptions progress:progressBlock completed:^(UIImage *downloadedImage, NSData *data, NSError *error, BOOL finished) {  
  38.                 // 上面的是weak的这里设置成strong 避免被释放掉了  
  39.                 __strong __typeof(weakOperation) strongOperation = weakOperation;  
  40.                   
  41.                 if (!strongOperation || strongOperation.isCancelled) {  
  42.                     // Do nothing if the operation was cancelled  
  43.                     // See #699 for more details  
  44.                     // if we would call the completedBlock, there could be a race condition between this block and another completedBlock for the same object, so if this one is called second, we will overwrite the new data  
  45.                 }  
  46.                 else if (error) {  
  47.                     // 如果出错,则调用完成回调,并将url放入下载挫败url数组中  
  48.                     dispatch_main_sync_safe(^{  
  49.                         if (strongOperation && !strongOperation.isCancelled) {  
  50.                             completedBlock(nil, error, SDImageCacheTypeNone, finished, url);  
  51.                         }  
  52.                     });  
  53.                       
  54.                     if (   error.code != NSURLErrorNotConnectedToInternet  
  55.                         && error.code != NSURLErrorCancelled  
  56.                         && error.code != NSURLErrorTimedOut  
  57.                         && error.code != NSURLErrorInternationalRoamingOff  
  58.                         && error.code != NSURLErrorDataNotAllowed  
  59.                         && error.code != NSURLErrorCannotFindHost  
  60.                         && error.code != NSURLErrorCannotConnectToHost) {  
  61.                         @synchronized (self.failedURLs) {  
  62.                             [self.failedURLs addObject:url];  
  63.                         }  
  64.                     }  
  65.                 }  
  66.                 else {  
  67.                     // 当重新下载的时候能获取到了,那么久把他从之前的failURL里面移除  
  68.                     if ((options & SDWebImageRetryFailed)) {  
  69.                         @synchronized (self.failedURLs) {  
  70.                             [self.failedURLs removeObject:url];  
  71.                         }  
  72.                     }  
  73.                     // 是否硬盘缓存  
  74.                     BOOL cacheOnDisk = !(options & SDWebImageCacheMemoryOnly);  
  75.                       
  76.                     if (options & SDWebImageRefreshCached && image && !downloadedImage) {  
  77.                         // Image refresh hit the NSURLCache cache, do not call the completion block  
  78.                     }  
  79.                     else if (downloadedImage && (!downloadedImage.images || (options & SDWebImageTransformAnimatedImage)) && [self.delegate respondsToSelector:@selector(imageManager:transformDownloadedImage:withURL:)]) {  
  80.                           
  81.                         // 在全局队列中并行处理图片的缓存  
  82.                         // 首先对图片做个转换操作,该操作是代理对象实现的  
  83.                         // 然后对图片做缓存处理  
  84.                           
  85.                         dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_HIGH, 0), ^{  
  86.                             UIImage *transformedImage = [self.delegate imageManager:self transformDownloadedImage:downloadedImage withURL:url];  
  87.                               
  88.                             if (transformedImage && finished) {  
  89.                                 BOOL imageWasTransformed = ![transformedImage isEqual:downloadedImage];  
  90.                                 // 二级缓存起来  
  91.                                 [self.imageCache storeImage:transformedImage recalculateFromImage:imageWasTransformed imageData:(imageWasTransformed ? nil : data) forKey:key toDisk:cacheOnDisk];  
  92.                             }  
  93.                               
  94.                             dispatch_main_sync_safe(^{  
  95.                                 if (strongOperation && !strongOperation.isCancelled) {  
  96.                                     completedBlock(transformedImage, nil, SDImageCacheTypeNone, finished, url);  
  97.                                 }  
  98.                             });  
  99.                         });  
  100.                     }  
  101.                     else {  
  102.                         // 下载完成后之后 先cache起来 内存缓存和磁盘缓存都要考虑  
  103.                         if (downloadedImage && finished) {  
  104.                             [self.imageCache storeImage:downloadedImage recalculateFromImage:NO imageData:data forKey:key toDisk:cacheOnDisk];  
  105.                         }  
  106.                           
  107.                         dispatch_main_sync_safe(^{  
  108.                             if (strongOperation && !strongOperation.isCancelled) {  
  109.                                 completedBlock(downloadedImage, nil, SDImageCacheTypeNone, finished, url);  
  110.                             }  
  111.                         });  
  112.                     }  
  113.                 }  
  114.                   
  115.                 // 完成之后也要移除掉  
  116.                 if (finished) {  
  117.                     @synchronized (self.runningOperations) {  
  118.                         if (strongOperation) {  
  119.                             [self.runningOperations removeObject:strongOperation];  
  120.                         }  
  121.                     }  
  122.                 }  
  123.             }];  
  124.             operation.cancelBlock = ^{  
  125.                 [subOperation cancel];  
  126.                   
  127.                 @synchronized (self.runningOperations) {  
  128.                     __strong __typeof(weakOperation) strongOperation = weakOperation;  
  129.                     if (strongOperation) {  
  130.                         [self.runningOperations removeObject:strongOperation];  
  131.                     }  
  132.                 }  
  133.             };  
  134.         }  
  135.         else if (image) {  
  136.             // 如果图片存在 直接返回  
  137.             dispatch_main_sync_safe(^{  
  138.                 __strong __typeof(weakOperation) strongOperation = weakOperation;  
  139.                 if (strongOperation && !strongOperation.isCancelled) {  
  140.                     completedBlock(image, nil, cacheType, YES, url);  
  141.                 }  
  142.             });  
  143.             @synchronized (self.runningOperations) {  
  144.                 [self.runningOperations removeObject:operation];  
  145.             }  
  146.         }  
  147.         else {  
  148.             // 如果没有cacahe 而且没实现代理下载,直接返回nil  
  149.             // Image not in cache and download disallowed by delegate  
  150.             dispatch_main_sync_safe(^{  
  151.                 __strong __typeof(weakOperation) strongOperation = weakOperation;  
  152.                 if (strongOperation && !weakOperation.isCancelled) {  
  153.                     completedBlock(nil, nil, SDImageCacheTypeNone, YES, url);  
  154.                 }  
  155.             });  
  156.             // 移除  
  157.             @synchronized (self.runningOperations) {  
  158.                 [self.runningOperations removeObject:operation];  
  159.             }  
  160.         }  
  161.     }];  
  162.       
  163.     return operation;  
  164. }  

4.第四步(SDWebImageDownloader)

[objc]  view plain  copy
  1. - (id )downloadImageWithURL:(NSURL *)url options:(SDWebImageDownloaderOptions)options progress:(SDWebImageDownloaderProgressBlock)progressBlock completed:(SDWebImageDownloaderCompletedBlock)completedBlock {  
  2.     __block SDWebImageDownloaderOperation *operation;  
  3.     __weak __typeof(self)wself = self;  
  4.   
  5.     // 290行,同一个方法里面,进行urlCallBacks的组装  
  6.     // 该方法有点明白了,就是让同一个url值生成一个createCallBack -->也就是只出来一个operation任务  
  7.     // wself.downloadQueue同一url只会加入一次,但是多次重复请求,urlcallbacks的url数组里面会有多个回调block,这个不影响,只要正真下载一次就好了,回调可以遍历,下面下载完都一直在遍历,没错,这就对了  
  8.     [self addProgressCallback:progressBlock completedBlock:completedBlock forURL:url createCallback:^{  
  9.         NSTimeInterval timeoutInterval = wself.downloadTimeout;  
  10.         if (timeoutInterval == 0.0) {  
  11.             timeoutInterval = 15.0;  
  12.         }  
  13.   
  14.         // In order to prevent from potential duplicate caching (NSURLCache + SDImageCache) we disable the cache for image requests if told otherwise  
  15.         // 防止NSURLCache 和 SDImageCache重复缓存 如果没有明确告知需要缓存,则禁用图片请求的缓存操作  
  16.          // 1. 创建请求对象,并根据options参数设置其属性  
  17.         NSMutableURLRequest *request = [[NSMutableURLRequest alloc] initWithURL:url cachePolicy:(options & SDWebImageDownloaderUseNSURLCache ? NSURLRequestUseProtocolCachePolicy : NSURLRequestReloadIgnoringLocalCacheData) timeoutInterval:timeoutInterval];  
  18.         request.HTTPShouldHandleCookies = (options & SDWebImageDownloaderHandleCookies);  
  19.         request.HTTPShouldUsePipelining = YES;  
  20.         // 设置http头部  
  21.         if (wself.headersFilter) {  
  22.             request.allHTTPHeaderFields = wself.headersFilter(url, [wself.HTTPHeaders copy]);  
  23.         }  
  24.         else {  
  25.             request.allHTTPHeaderFields = wself.HTTPHeaders;  
  26.         }  
  27.         //SDWebImageDownloaderOperation派生自NSOperation,负责图片下载工作  
  28.         // 2. 创建SDWebImageDownloaderOperation操作对象,并进行配置  
  29.         // SDWebImageDownloaderOperation class  
  30.         operation = [[wself.operationClass alloc] initWithRequest:request  
  31.                                                         inSession:self.session  
  32.                                                           options:options  
  33.                                                          progress:^(NSInteger receivedSize, NSInteger expectedSize) {  
  34.                                                              SDWebImageDownloader *sself = wself;  
  35.                                                              if (!sself) return;  
  36.                                                              __block NSArray *callbacksForURL;  
  37.                                                              // 3. 从管理器的callbacksForURL中找出该URL所有的进度处理回调并调用  
  38.                                                              // 这个barrierQueue是并发的,如果是get main queue的话就死锁了  
  39.                                                              // 我个人感觉去掉直接写也问题不大,不知道为什么这么写???反正是顺序执行  
  40.                                                              dispatch_sync(sself.barrierQueue, ^{  
  41.                                                                  // URLCallbacks是mutale字典对象  
  42.                                                                  callbacksForURL = [sself.URLCallbacks[url] copy];  
  43.                                                              });  
  44.                                                              // 进度正常,肯定有多个block  
  45.                                                              for (NSDictionary *callbacks in callbacksForURL) {  
  46.                                                                  dispatch_async(dispatch_get_main_queue(), ^{  
  47.                                                                      SDWebImageDownloaderProgressBlock callback = callbacks[kProgressCallbackKey];  
  48.                                                                      // 正在下载的时候回传已经收到的size和totalsize出去  
  49.                                                                      if (callback) callback(receivedSize, expectedSize);  
  50.                                                                  });  
  51.                                                              }  
  52.                                                          }  
  53.                                                         // 下载完之后会进到这个回调,然后我们用之前存起来的回调再回调出去  
  54.                                                         completed:^(UIImage *image, NSData *data, NSError *error, BOOL finished) {  
  55.                                                             SDWebImageDownloader *sself = wself;  
  56.                                                             if (!sself) return;  
  57.                                                             __block NSArray *callbacksForURL;  
  58.                                                             // 4. 从管理器的callbacksForURL中找出该URL所有的完成处理回调并调用,  
  59.                                                             // 如果finished为YES,则将该url对应的回调信息从URLCallbacks中删除  
  60.                                                             // 个人理解阻塞当前线程,而且barrierQueue也阻塞 那么当同一个URL完成的时候直接没了对象,重复下载也没用了  
  61.                                                             dispatch_barrier_sync(sself.barrierQueue, ^{  
  62.                                                                 callbacksForURL = [sself.URLCallbacks[url] copy];  
  63.                                                                 if (finished) {  
  64.                                                                     [sself.URLCallbacks removeObjectForKey:url];  
  65.                                                                 }  
  66.                                                             });  
  67.                                                             // 这里一般只有一个,但是多次重复请求  
  68.                                                             for (NSDictionary *callbacks in callbacksForURL) {  
  69.                                                                 SDWebImageDownloaderCompletedBlock callback = callbacks[kCompletedCallbackKey];  
  70.                                                                 if (callback) callback(image, data, error, finished);  
  71.                                                             }  
  72.                                                         }  
  73.                                                         cancelled:^{  
  74.                                                             SDWebImageDownloader *sself = wself;  
  75.                                                             // 5. 取消操作将该url对应的回调信息从URLCallbacks中删除  
  76.                                                             // 阻塞barrierqueue  
  77.                                                             if (!sself) return;  
  78.                                                             dispatch_barrier_async(sself.barrierQueue, ^{  
  79.                                                                 [sself.URLCallbacks removeObjectForKey:url];  
  80.                                                             });  
  81.                                                         }];  
  82.         // 是否需要解码  
  83.         operation.shouldDecompressImages = wself.shouldDecompressImages;  
  84.           
  85.         if (wself.urlCredential) {  
  86.             operation.credential = wself.urlCredential;  
  87.         } else if (wself.username && wself.password) {  
  88.             operation.credential = [NSURLCredential credentialWithUser:wself.username password:wself.password persistence:NSURLCredentialPersistenceForSession];  
  89.         }  
  90.           
  91.         if (options & SDWebImageDownloaderHighPriority) {  
  92.             operation.queuePriority = NSOperationQueuePriorityHigh;  
  93.         } else if (options & SDWebImageDownloaderLowPriority) {  
  94.             operation.queuePriority = NSOperationQueuePriorityLow;  
  95.         }  
  96.   
  97.         // NSOperation Queue 增加一个对象  
  98.         //4.设置依赖  
  99.         // [operation2 addDependency:operation1];      任务二依赖任务一  
  100.         // [operation3 addDependency:operation2];      任务三依赖任务二  
  101.           // 6. 将操作加入到操作队列downloadQueue中  
  102.         [wself.downloadQueue addOperation:operation];  
  103.         // 如果不是FIFO 是 LIFO 队列设置依赖,后进来的成为上面的依赖  
  104.         if (wself.executionOrder == SDWebImageDownloaderLIFOExecutionOrder) {  
  105.             // Emulate LIFO execution order by systematically adding new operations as last operation's dependency  
  106.             //FIFO的话正常数组就问题  
  107.             // LIFO的话让之前的操作一次依赖最后一次进来的操作就行了  
  108.             [wself.lastAddedOperation addDependency:operation];  
  109.             wself.lastAddedOperation = operation;  
  110.         }  
  111.     }];  
  112.   
  113.     return operation;  
  114. }  

知识点:

1.通过调用addProgressCallback:completeBlock:forURL:createBlock:来确保同一url只会下载一次(看下面注释)

[objc]  view plain  copy
  1. - (void)addProgressCallback:(SDWebImageDownloaderProgressBlock)progressBlock completedBlock:(SDWebImageDownloaderCompletedBlock)completedBlock forURL:(NSURL *)url createCallback:(SDWebImageNoParamsBlock)createCallback {  
  2.     // The URL will be used as the key to the callbacks dictionary so it cannot be nil. If it is nil immediately call the completed block with no image or data.  
  3.     if (url == nil) {  
  4.         if (completedBlock != nil) {  
  5.             completedBlock(nil, nil, nilNO);  
  6.         }  
  7.         return;  
  8.     }  
  9.     // 1. 以dispatch_barrier_sync操作来保证同一时间只有一个线程能对URLCallbacks进行操作  
  10.     // 该属性是一个字典,key是图片的URL地址,value则是一个数组,包含每个图片的多组回调信息。由于我们允许多个图片同时下载,因此可能会有多个线程同时操作URLCallbacks属性。为了保证URLCallbacks操作(添加、删除)的线程安全性,SDWebImageDownloader将这些操作作为一个个任务放到barrierQueue队列中,并设置屏障来确保同一时间只有一个线程操作URLCallbacks属性  
  11.     // 这个写法阻塞当前线程  而且阻塞barrierQueue队列  
  12.     // 这句话表示每个URL下载只会出来一次creatBlock回调出去创建新的任务operation(最终要添加到queue的任务)  
  13.     dispatch_barrier_sync(self.barrierQueue, ^{  
  14.         BOOL first = NO;  
  15.         if (!self.URLCallbacks[url]) {  
  16.             // 当第一次进来下载的时候,我们平时外部都是传个completeblock,所以我们的urlcallbacks结构是{"url":[{"comolete":"completeBlock"}]}  
  17.             // 如果是多次重复下载同一URL图片,结构应该会变成  
  18.             // {"url":[{"comolete":"completeBlock"},{"comolete":"completeBlock"},{"comolete":"completeBlock"},{"comolete":"completeBlock"}]}  
  19.             self.URLCallbacks[url] = [NSMutableArray new];  
  20.             first = YES;  
  21.         }  
  22.   
  23.         // Handle single download of simultaneous download request for the same URL  
  24.         // 2. 处理同一URL的同步下载请求的单个下载  
  25.         NSMutableArray *callbacksForURL = self.URLCallbacks[url];  
  26.         NSMutableDictionary *callbacks = [NSMutableDictionary new];  
  27.         if (progressBlock) callbacks[kProgressCallbackKey] = [progressBlock copy];  
  28.         if (completedBlock) callbacks[kCompletedCallbackKey] = [completedBlock copy];  
  29.         [callbacksForURL addObject:callbacks];  
  30.         self.URLCallbacks[url] = callbacksForURL;  
  31.   
  32.         // 如果是第一次,那么回调出去下载  
  33.         if (first) {  
  34.             createCallback();  
  35.         }  
  36.     });  
  37. }  

2.通过继承NSOperation的SDWebImageDownloaderOperation进来初始化下载任务(下一步再讲解内部),这里的回调就是上面方法里面数据结构存储起来的所有回调的遍历执行

progressBlock,completeBlock和CancelBlock都用到了GCD的barrier的方法,有时间慢慢再看看原理,先看基本介绍

// 所有下载操作的网络响应序列化处理是放在一个自定义的并行调度队列中来处理的

// _barrierQueue = dispatch_queue_create("com.hackemist.SDWebImageDownloaderBarrierQueue", DISPATCH_QUEUE_CONCURRENT);

@property (SDDispatchQueueSetterSementics,nonatomic)dispatch_queue_t barrierQueue;

//func dispatch_barrier_async(_ queue: dispatch_queue_t, _ block: dispatch_block_t):

//这个方法重点是你传入的 queue,当你传入的 queue是通过 DISPATCH_QUEUE_CONCURRENT参数自己创建的 queue 时,这个方法会阻塞这个queue(注意是阻塞 queue,而不是阻塞当前线程),一直等到这个 queue中排在它前面的任务都执行完成后才会开始执行自己,自己执行完毕后,再会取消阻塞,使这个 queue中排在它后面的任务继续执行。

//如果你传入的是其他的 queue,那么它就和 dispatch_async一样了。

//func dispatch_barrier_sync(_ queue: dispatch_queue_t, _ block: dispatch_block_t):

//这个方法的使用和上一个一样,传入自定义的并发队列(DISPATCH_QUEUE_CONCURRENT),它和上一个方法一样的阻塞 queue,不同的是这个方法还会阻塞当前线程。

//如果你传入的是其他的 queue,那么它就和 dispatch_sync一样了。


3.把createBlock里面的网络请求任务加入NSOperationQueue队列中,该队列右两个属性

[objc]  view plain  copy
  1. // 执行的下载顺序  
  2. typedef NS_ENUM(NSInteger, SDWebImageDownloaderExecutionOrder) {  
  3.     /** 
  4.      * Default value. All download operations will execute in queue style (first-in-first-out). 
  5.      * 默认是FIFO   以队列的方式,按照先进先出的顺序下载。这是默认的下载顺序 
  6.      */  
  7.     SDWebImageDownloaderFIFOExecutionOrder,  
  8.   
  9.     /** 
  10.      * All download operations will execute in stack style (last-in-first-out). 
  11.      * 以栈的方式,按照后进先出的顺序下载。 
  12.      */  
  13.     SDWebImageDownloaderLIFOExecutionOrder  
  14. };  

GCD不能很好的设置依赖关系,那么NSOperation就能很好的实现了,关键代码让上一次的任务依赖于最后进来的任务,就能实现LIFO

[wself.lastAddedOperationaddDependency:operation];




5.第五步(SDWebImageDownloaderOperation)

这个类是继承与NSOperation的,并且采用了SDWebImageOperation的代理(只有个cancel的方法),并且它只暴露了一个方法,initWithRequest:inSession:options:progress:completed:canceled这个初始化方法来配置

由于他是自定义的,那么就必须重写Start的方法,在该方法里面SD已经把NSURLConnection替换成了NSURLSession来进行网络请求的操作,简言之,只要实现NSURLSession的代理方法就能获取到下载数据

这里主要看下一个不断接受data的代理回调

[objc]  view plain  copy
  1. - (void)URLSession:(NSURLSession *)session dataTask:(NSURLSessionDataTask *)dataTask didReceiveData:(NSData *)data {  
  2.       
  3.     // 这个方法本身就已经是异步了  
  4. //    2016-10-20 16:49:40.260 SDWebImageAnalyze[7098:374046] 我正在接受数据{number = 3, name = (null)}  
  5. //    2016-10-20 16:49:40.261 SDWebImageAnalyze[7098:374032] 我正在接受数据{number = 5, name = (null)}  
  6. //    2016-10-20 16:49:40.261 SDWebImageAnalyze[7098:374029] 我正在接受数据{number = 6, name = (null)}  
  7.     // 1. 附加数据  
  8.       
  9.     [self.imageData appendData:data];  
  10.   
  11.     if ((self.options & SDWebImageDownloaderProgressiveDownload) && self.expectedSize > 0 && self.completedBlock) {  
  12.         // The following code is from http://www.cocoaintheshell.com/2011/05/progressive-images-download-imageio/  
  13.         // Thanks to the author @Nyx0uf  
  14.   
  15.         // Get the total bytes downloaded  
  16.         // 2. 获取已下载数据总大小  
  17.         const NSInteger totalSize = self.imageData.length;  
  18.   
  19.         // Update the data source, we must pass ALL the data, not just the new bytes  
  20.          // 3. 更新数据源,我们需要传入所有数据,而不仅仅是新数据  
  21.         CGImageSourceRef imageSource = CGImageSourceCreateWithData((__bridge CFDataRef)self.imageDataNULL);  
  22.   
  23.          // 4. 首次获取到数据时,从这些数据中获取图片的长、宽、方向属性值  
  24.         if (width + height == 0) {  
  25.             CFDictionaryRef properties = CGImageSourceCopyPropertiesAtIndex(imageSource, 0NULL);  
  26.             if (properties) {  
  27.                 NSInteger orientationValue = -1;  
  28.                 CFTypeRef val = CFDictionaryGetValue(properties, kCGImagePropertyPixelHeight);  
  29.                 if (val) CFNumberGetValue(val, kCFNumberLongType, &height);  
  30.                 val = CFDictionaryGetValue(properties, kCGImagePropertyPixelWidth);  
  31.                 if (val) CFNumberGetValue(val, kCFNumberLongType, &width);  
  32.                 val = CFDictionaryGetValue(properties, kCGImagePropertyOrientation);  
  33.                 if (val) CFNumberGetValue(val, kCFNumberNSIntegerType, &orientationValue);  
  34.                 CFRelease(properties);  
  35.   
  36.                 // When we draw to Core Graphics, we lose orientation information,  
  37.                 // which means the image below born of initWithCGIImage will be  
  38.                 // oriented incorrectly sometimes. (Unlike the image born of initWithData  
  39.                 // in didCompleteWithError.) So save it here and pass it on later.  
  40.                 // 5. 当绘制到Core Graphics时,我们会丢失方向信息,这意味着有时候由initWithCGIImage创建的图片  
  41.                 //    的方向会不对,所以在这边我们先保存这个信息并在后面使用。  
  42.                 orientation = [[self class] orientationFromPropertyValue:(orientationValue == -1 ? 1 : orientationValue)];  
  43.             }  
  44.   
  45.         }  
  46.         // 6. 图片还未下载完成  
  47.         if (width + height > 0 && totalSize < self.expectedSize) {  
  48.             // Create the image  
  49.              // 7. 使用现有的数据创建图片对象,如果数据中存有多张图片,则取第一张  
  50.             CGImageRef partialImageRef = CGImageSourceCreateImageAtIndex(imageSource, 0NULL);  
  51.   
  52. #ifdef TARGET_OS_IPHONE  
  53.             // Workaround for iOS anamorphic image  
  54.             // 8. 适用于iOS变形图像的解决方案。我的理解是由于iOS只支持RGB颜色空间,所以在此对下载下来的图片做个颜色空间转换处理。  
  55.             if (partialImageRef) {  
  56.                 const size_t partialHeight = CGImageGetHeight(partialImageRef);  
  57.                 CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();  
  58.                 CGContextRef bmContext = CGBitmapContextCreate(NULL, width, height, 8width * 4, colorSpace, kCGBitmapByteOrderDefault | kCGImageAlphaPremultipliedFirst);  
  59.                 CGColorSpaceRelease(colorSpace);  
  60.                 if (bmContext) {  
  61.                     CGContextDrawImage(bmContext, (CGRect){.origin.x = 0.0f.origin.y = 0.0f.size.width = width, .size.height = partialHeight}, partialImageRef);  
  62.                     CGImageRelease(partialImageRef);  
  63.                     partialImageRef = CGBitmapContextCreateImage(bmContext);  
  64.                     CGContextRelease(bmContext);  
  65.                 }  
  66.                 else {  
  67.                     CGImageRelease(partialImageRef);  
  68.                     partialImageRef = nil;  
  69.                 }  
  70.             }  
  71. #endif  
  72.   
  73.              // 9. 对图片进行缩放、解码操作  
  74.             if (partialImageRef) {  
  75.                 UIImage *image = [UIImage imageWithCGImage:partialImageRef scale:1 orientation:orientation];  
  76.                 NSString *key = [[SDWebImageManager sharedManager] cacheKeyForURL:self.request.URL];  
  77.                 UIImage *scaledImage = [self scaledImageForKey:key image:image];  
  78.                 if (self.shouldDecompressImages) {  
  79.                     image = [UIImage decodedImageWithImage:scaledImage];  
  80.                 }  
  81.                 else {  
  82.                     image = scaledImage;  
  83.                 }  
  84.                 CGImageRelease(partialImageRef);  
  85.                   
  86.   
  87.                 dispatch_main_sync_safe(^{  
  88.                     if (self.completedBlock) {  
  89.                         self.completedBlock(image, nil, nilNO);  
  90.                     }  
  91.                 });  
  92.             }  
  93.         }  
  94.   
  95.         CFRelease(imageSource);  
  96.     }  
  97.   
  98.     if (self.progressBlock) {  
  99.         self.progressBlock(self.imageData.lengthself.expectedSize);  
  100.     }  
  101. }  

CG框架下的图片处理还是有点看的懵逼,还有图片缩放以及解压操作,以我目前的知识还是很难理解,不过加了了宏观的中文注解,稍微先过下流程



[objc]  view plain  copy
  1. - (void)URLSession:(NSURLSession *)session task:(NSURLSessionTask *)task didCompleteWithError:(NSError *)error {}  

最终,complete的代理回调把图片一步步回调出去,就如刚才一步步走进来一样



6.第六步(回调到SDWebImageManager存储图片,完成最终回调)

内存缓存没什么好讲的,直接调用NSCache的set方法

[objc]  view plain  copy
  1. // 内存缓存或者磁盘缓存  
  2. - (void)storeImage:(UIImage *)image recalculateFromImage:(BOOL)recalculate imageData:(NSData *)imageData forKey:(NSString *)key toDisk:(BOOL)toDisk {  
  3.     if (!image || !key) {  
  4.         return;  
  5.     }  
  6.     // 内存缓存有必要的话  
  7.     if (self.shouldCacheImagesInMemory) {  
  8.         NSUInteger cost = SDCacheCostForImage(image);  
  9.         // 1. 内存缓存,将其存入NSCache中,同时传入图片的消耗值  
  10.         [self.memCache setObject:image forKey:key cost:cost];  
  11.     }  
  12.     // 硬盘缓存  
  13.     if (toDisk) {  
  14.         // 异步串行队列写入  
  15.         // 2. 如果确定需要磁盘缓存,则将缓存操作作为一个任务放入ioQueue中  
  16.         dispatch_async(self.ioQueue, ^{  
  17.             NSData *data = imageData;  
  18.   
  19.             if (image && (recalculate || !data)) {  
  20. #if TARGET_OS_IPHONE  
  21.                 // We need to determine if the image is a PNG or a JPEG  
  22.                 // PNGs are easier to detect because they have a unique signature (http://www.w3.org/TR/PNG-Structure.html)  
  23.                 // The first eight bytes of a PNG file always contain the following (decimal) values:  
  24.                 // 137 80 78 71 13 10 26 10  
  25.   
  26.                 // If the imageData is nil (i.e. if trying to save a UIImage directly or the image was transformed on download)  
  27.                 // and the image has an alpha channel, we will consider it PNG to avoid losing the transparency  
  28.                 int alphaInfo = CGImageGetAlphaInfo(image.CGImage);  
  29.                 BOOL hasAlpha = !(alphaInfo == kCGImageAlphaNone ||  
  30.                                   alphaInfo == kCGImageAlphaNoneSkipFirst ||  
  31.                                   alphaInfo == kCGImageAlphaNoneSkipLast);  
  32.                 // 判断图片格式  
  33.                 // 3. 需要确定图片是PNG还是JPEG。PNG图片容易检测,因为有一个唯一签名。PNG图像的前8个字节总是包含以下值:137 80 78 71 13 10 26 10  
  34.                 // 在imageData为nil的情况下假定图像为PNG。我们将其当作PNG以避免丢失透明度。而当有图片数据时,我们检测其前缀,确定图片的类型  
  35.                 BOOL imageIsPng = hasAlpha;  
  36.   
  37.                 // But if we have an image data, we will look at the preffix  
  38.                 // 查看imagedata的的前缀是否是png的  
  39.                 if ([imageData length] >= [kPNGSignatureData length]) {  
  40.                     imageIsPng = ImageDataHasPNGPreffix(imageData);  
  41.                 }  
  42.   
  43.                 if (imageIsPng) {  
  44.                     data = UIImagePNGRepresentation(image);  
  45.                 }  
  46.                 else {  
  47.                     data = UIImageJPEGRepresentation(image, (CGFloat)1.0);  
  48.                 }  
  49. #else  
  50.                 data = [NSBitmapImageRep representationOfImageRepsInArray:image.representations usingType: NSJPEGFileType properties:nil];  
  51. #endif  
  52.             }  
  53.   
  54.             [self storeImageDataToDisk:data forKey:key];  
  55.         });  
  56.     }  
  57. }  

我滴个妈妈呀,又是CG框架下的API,等我有空了再来和你一战!!!



我们来看看磁盘缓存

[objc]  view plain  copy
  1. // 硬盘缓存方法  
  2. - (void)storeImageDataToDisk:(NSData *)imageData forKey:(NSString *)key {  
  3.       
  4.     if (!imageData) {  
  5.         return;  
  6.     }  
  7.     // 是否根据路径存在文件 不存在就创建  
  8.      // 创建缓存文件并存储图片  
  9.     // 根据 // library/caches/default/com.hackemist.SDWebImageCache.default创建了文件夹  
  10.     if (![_fileManager fileExistsAtPath:_diskCachePath]) {  
  11.         [_fileManager createDirectoryAtPath:_diskCachePath withIntermediateDirectories:YES attributes:nil error:NULL];  
  12.     }  
  13.       
  14.     // get cache Path for image key  
  15.     // /Users/mkjing/Library/Developer/CoreSimulator/Devices/7A62E354-CB88-4012-A119-7B64089B7171/data/Containers/Data/Application/E5275526-CD16-499D-B731-6D68938C04FB/Library/Caches/default/com.hackemist.SDWebImageCache.default  
  16.     // 该路径下面拼接图片的url路径  
  17.     // key是经过MD5加密的字符串  
  18.     NSString *cachePathForKey = [self defaultCachePathForKey:key];  
  19.     // transform to NSUrl  
  20.     NSURL *fileURL = [NSURL fileURLWithPath:cachePathForKey];  
  21.     // 保存文件到指定路径中  
  22.     //  // library/caches/default/com.hackemist.SDWebImageCache.default/文件名  
  23.     [_fileManager createFileAtPath:cachePathForKey contents:imageData attributes:nil];  
  24.       
  25.     // disable iCloud backup  
  26.     if (self.shouldDisableiCloud) {  
  27.         [fileURL setResourceValue:[NSNumber numberWithBool:YES] forKey:NSURLIsExcludedFromBackupKey error:nil];  
  28.     }  
  29. }  





7.第七步(SDWebImageCache的清理缓存策略)

在初始化的时候注册了几个通知

[objc]  view plain  copy
  1. // 收到内存警告,清楚NSCache [self.memCache removeAllObject]  
  2.         [[NSNotificationCenter defaultCenter] addObserver:self  
  3.                                                  selector:@selector(clearMemory)  
  4.                                                      name:UIApplicationDidReceiveMemoryWarningNotification  
  5.                                                    object:nil];  
  6.   
  7.         // 程序关闭时对硬盘文件做一些处理  
  8.         [[NSNotificationCenter defaultCenter] addObserver:self  
  9.                                                  selector:@selector(cleanDisk)  
  10.                                                      name:UIApplicationWillTerminateNotification  
  11.                                                    object:nil];  
  12.   
  13.         // 程序进入后台是也对硬盘进行一些读写  
  14.         [[NSNotificationCenter defaultCenter] addObserver:self  
  15.                                                  selector:@selector(backgroundCleanDisk)  
  16.                                                      name:UIApplicationDidEnterBackgroundNotification  
  17.                                                    object:nil];  

1.当收到内存警告时,直接调用NSCache的removeAllObject的方法来清理MemeryCache

2.当程序退出时或进入后台,根据缓存策略来清理磁盘缓存

[objc]  view plain  copy
  1. // 当程序退出或者推到后台的时候,会有缓存策略管理  
  2. // 接收到程序进入后台或者程序退出通知  
  3. // 调用该方法,然后先遍历所有缓存文件,记录过期的文件,计算缓存总文件大小  
  4. // 先删除过期的文件(默认一周)  
  5. // 如果设置最大缓存,而且已经缓存的文件大小超过这个预期值,把所有的文件按最后编辑的时间升序,然后一个个删除,当缓存低于临界就break  
  6. - (void)cleanDiskWithCompletionBlock:(SDWebImageNoParamsBlock)completionBlock {  
  7.     dispatch_async(self.ioQueue, ^{  
  8.         // diskCachePath  
  9. //        /Users/mkjing/Library/Developer/CoreSimulator/Devices/7A62E354-CB88-4012-A119-7B64089B7171/data/Containers/Data/Application/E5275526-CD16-499D-B731-6D68938C04FB/Library/Caches/default/com.hackemist.SDWebImageCache.default  
  10.         NSURL *diskCacheURL = [NSURL fileURLWithPath:self.diskCachePath isDirectory:YES];  
  11.         // 需要获取的属性列表 是否文件夹  最后一次编辑时间和文件大小(如有压缩,就是压缩后的)  
  12.         NSArray *resourceKeys = @[NSURLIsDirectoryKey, NSURLContentModificationDateKey, NSURLTotalFileAllocatedSizeKey];  
  13.   
  14.         // This enumerator prefetches useful properties for our cache files.  
  15.         // 1. 该枚举器预先获取缓存文件的有用的属性 (根据存储的文件夹获取所有文件的枚举器)  
  16.         NSDirectoryEnumerator *fileEnumerator = [_fileManager enumeratorAtURL:diskCacheURL  
  17.                                                    includingPropertiesForKeys:resourceKeys  
  18.                                                                       options:NSDirectoryEnumerationSkipsHiddenFiles  
  19.                                                                  errorHandler:NULL];  
  20.         // 当前时间  2016-10-21 02:46:41 +0000  
  21.         // expirationDate  2016-10-14 02:46:11 +0000  
  22.         NSDate *expirationDate = [NSDate dateWithTimeIntervalSinceNow:-self.maxCacheAge];  
  23.         NSMutableDictionary *cacheFiles = [NSMutableDictionary dictionary];  
  24.         NSUInteger currentCacheSize = 0;  
  25.   
  26.         // Enumerate all of the files in the cache directory.  This loop has two purposes:  
  27.         //  
  28.         //  1. Removing files that are older than the expiration date.  
  29.         //  2. Storing file attributes for the size-based cleanup pass.  
  30.         // 2. 枚举缓存文件夹中所有文件,该迭代有两个目的:移除比过期日期更老的文件;存储文件属性以备后面执行基于缓存大小的清理操作  
  31.         NSMutableArray *urlsToDelete = [[NSMutableArray alloc] init];  
  32.         for (NSURL *fileURL in fileEnumerator) {  
  33.             // 根据resourceKeys和路径获取到遍历文件的数据字典  
  34.             NSDictionary *resourceValues = [fileURL resourceValuesForKeys:resourceKeys error:NULL];  
  35.   
  36.             // Skip directories.  
  37.             // 3. 跳过文件夹  
  38.             if ([resourceValues[NSURLIsDirectoryKey] boolValue]) {  
  39.                 continue;  
  40.             }  
  41.   
  42.             // Remove files that are older than the expiration date;  
  43.             // 4. 移除早于有效期的老文件 (根据最后一次编辑时间属性来判断)  
  44.             NSDate *modificationDate = resourceValues[NSURLContentModificationDateKey];// 获取文件编辑时间  
  45.             // 返回晚一点的date 如果是experiationDate ,说明该文件是要删除的  
  46.             if ([[modificationDate laterDate:expirationDate] isEqualToDate:expirationDate]) {  
  47.                 [urlsToDelete addObject:fileURL];  
  48.                 continue;  
  49.             }  
  50.   
  51.             // Store a reference to this file and account for its total size.  
  52.             // 5. 存储文件的引用并计算所有文件的总大小,以备后用  
  53.             NSNumber *totalAllocatedSize = resourceValues[NSURLTotalFileAllocatedSizeKey];  
  54.             currentCacheSize += [totalAllocatedSize unsignedIntegerValue];  
  55.             // 把所有的文件都装进cachefile里面 根据fileURL定位  
  56.             [cacheFiles setObject:resourceValues forKey:fileURL];  
  57.         }  
  58.         // 移除过期的先  
  59.         for (NSURL *fileURL in urlsToDelete) {  
  60.             [_fileManager removeItemAtURL:fileURL error:nil];  
  61.         }  
  62.   
  63.         // If our remaining disk cache exceeds a configured maximum size, perform a second  
  64.         // size-based cleanup pass.  We delete the oldest files first.  
  65.         // 6.如果磁盘缓存的大小大于我们配置的最大大小,则执行基于文件大小的清理,我们首先删除最老的文件  
  66.         if (self.maxCacheSize > 0 && currentCacheSize > self.maxCacheSize) {  
  67.             // Target half of our maximum cache size for this cleanup pass.  
  68.             // 7. 以设置的最大缓存大小的一半作为清理目标  
  69.             const NSUInteger desiredCacheSize = self.maxCacheSize / 2;  
  70.   
  71.             // Sort the remaining cache files by their last modification time (oldest first).  
  72.             // 从小到大排序,也就是最早的时间在最前面 升序// 8. 按照最后修改时间来排序剩下的缓存文件  
  73.             NSArray *sortedFiles = [cacheFiles keysSortedByValueWithOptions:NSSortConcurrent  
  74.                                                             usingComparator:^NSComparisonResult(id obj1id obj2) {  
  75.                                                                 return [obj1[NSURLContentModificationDateKey] compare:obj2[NSURLContentModificationDateKey]];  
  76.                                                             }];  
  77.   
  78.             // Delete files until we fall below our desired cache size.  
  79.             // 9. 删除文件,直到缓存总大小降到我们期望的大小  
  80.             for (NSURL *fileURL in sortedFiles) {  
  81.                 // 由于之前过期的一部分已经移除了,但是都加进了cacheFile里面,如果不能移除,我们已经过期删除了,直接跳过进行下一个  
  82.                 // 移除成功,那么计算cacheFile大小  
  83.                 if ([_fileManager removeItemAtURL:fileURL error:nil]) {  
  84.                     NSDictionary *resourceValues = cacheFiles[fileURL];  
  85.                     NSNumber *totalAllocatedSize = resourceValues[NSURLTotalFileAllocatedSizeKey];  
  86.                     currentCacheSize -= [totalAllocatedSize unsignedIntegerValue];  
  87.                     // 降到期望值以下就可以停了  
  88.                     if (currentCacheSize < desiredCacheSize) {  
  89.                         break;  
  90.                     }  
  91.                 }  
  92.             }  
  93.         }  
  94.         if (completionBlock) {  
  95.             dispatch_async(dispatch_get_main_queue(), ^{  
  96.                 completionBlock();  
  97.             });  
  98.         }  
  99.     });  
  100. }  

3.穿插一个clearDisk的方法,这个就不是什么策略了,直接是完全清掉磁盘缓存 clear 和 clean的区别吧

[objc]  view plain  copy
  1. // 清理磁盘 (完全清理)  
  2. // clear清理是通过删除路径文件夹,然后再创建的方式进行  
  3. - (void)clearDiskOnCompletion:(SDWebImageNoParamsBlock)completion  
  4. {  
  5.     // 异步自定义串行队列  
  6.     dispatch_async(self.ioQueue, ^{  
  7.         // 直接把文件夹移除  
  8.         [_fileManager removeItemAtPath:self.diskCachePath error:nil];  
  9.         [_fileManager createDirectoryAtPath:self.diskCachePath  
  10.                 withIntermediateDirectories:YES  
  11.                                  attributes:nil  
  12.                                       error:NULL];  
  13.   
  14.         if (completion) {  
  15.             dispatch_async(dispatch_get_main_queue(), ^{  
  16.                 completion();  
  17.             });  
  18.         }  
  19.     });  
  20. }  


那么到这里,基本的流程和主要技术点就走完了,我觉得已经注释的很详细了,还是整理下知识点给大家


知识点整理:

1.这里的Dispatch_barrier_async来确保线程安全操作,任务需要等待之前的任务执行完

2.强大的Block回调和Associated Objects  — runtime

3.NSOperationQueue和NSOperation的,相对于GCD来说,他能取消操作,也能设置任务之间的依赖,相较于GCD来说更加的强大,AF也是基于这个玩的,这样才可以完成LIFO的队列需求

4.NSCache和NSFileManager的二级缓存操作

5.缓存策略:超过一星期的杀掉,还能设置最大缓存数,根据文件的最后编辑时间进行升序,然后一个个删除,低于临界的时候清理完成

6.异步操作图片的处理,缩放和解压操作,还有图片的类型处理,这东西有空再研究,很少接触

7.还有就是同一URL不会被下载的优化处理

8.最后还是觉得封装和任务的分配都非常的清晰,值得学习


超级清晰的个人总结,如有不对,请指出,才看了一遍,还得多看几遍才能消化一点知识

1.入口UIImageView调用方法sd_setImageWithURL: placeholderImage: options: progress:completed:,无论你调用哪个,最终都转换成该方法处理url


2.必须先删除该控件之前的下载任务,sd_cancelCurrentImageLoad原因是当你网络不快的情况下,例如你一个屏幕能展示三个cell,第一个cell由于网络问题不能立刻下完,那么用户就滑动了tbv,第一个cell进去复用池,第五个出来的cell从复用池子拿,由于之前的下载还在,本来是应该显示第五个图片,但是SD的默认做法是立马把下载好的图片给UIImageView,所以这时候会图片数据错乱,BUG


3.有placeHolder先展示,然后启用SDWebImageManager单例downloadImageWithURLoptions:progress:completed:来处理图片下载


4.先判断url的合法性,再创建SDwebImageCombinedOperation的cache任务对象,再查看url是否之前下载失败过,最后如果url为nil,则直接返回操作对象完成回调,如果都正常,那么就调用SDWebImageManager中的管理缓存类SDImageCache单例的方法queryDiskCacheForKey:done:查看是否有缓存


5.SDImageCache内存缓存用的是NSCache,Disk缓存用的是NSFileManager的文件写入操作,那么查看缓存的时候是先去内存查找,这里的key都是经过MD5之后的字串,找到直接回调,没找到继续去磁盘查找,开异步串行队列去找,避免卡死主线程,启用autoreleasepool避免内存暴涨,查到了缓存到内存,然后回调


6.如果都没找到,就调用SDWebImageManager中的管理下载类SDWebImageDownloader单例

downloadImageWithURL:options:progress:completed:completedBlock处理下载


7.下载前调用addProgressCallback:completedBlock:forURL:createCallback:来保证统一url只会生成一个网络下载对象,多余的都只会用URLCallbacks存储传入的进度Block或者CompleteBlock,因此下载结果返回的时候会进行遍历回调


8.下载用NSOperation和NSOperationQueue来进行,SD派生了一个SDWebImageDownloaderOperation负责图片的下载任务,调用

initWithRequest:inSession:options:progress:completed:cancelled:


9.把返回的SDWebImageDownloaderOperation对象add到NSOperationQueue,FIFO队列就正常,如果是LIFO队列,就需要设置依赖,这也是GCD和NSOperation的区别,也是NSOperation的优点,让上一次的任务依赖于本次任务[wself.lastAddedOperationaddDependency:operation]


10.下载任务开始是用NSURLSession了,不用NSURLConnetion了,由于SD是自定义的NSOperation

内部需要重写start方法,在该方法里面配置Session,当taskResume的时候,根据设置的代理就能取到不同的回调参数

didReceiveResponse能获取到响应的所有参数规格,例如总size

didReceiveData是一步步获取data,压缩解码回调progressBlock

didCompleteWithError全部完成回调,图片解码,回调completeBlock


11.图片的解码是在SDWebImageDecoder里面完成的,缩放操作是在SDWebImageCompat内完成的,代理方法里面本身就已经是异步了,而且解码操作加入了autoreleasepool减少内存峰值

这方面知识还是需要进一步去了解,不是图片压缩解码不是很懂


12.当在SDWebImageDownloaderOperation中NSURLSession完成下载之后或者中途回调到SDWebImageDownloader中,然后再回调到SDWebImageManager,在Manager中二级缓存image,然后继续回调出去到UIImage + WebCache中,最后把Image回调出去,在调用的控件中展示出来


13.SDImageCache初始化的时候注册了几个通知,当内存警告的时候,程序进入后台或者程序杀死的时候根据策略清理缓存

内存警告:自动清除NSCache内存缓存

进入后台和程序杀死:清理过期的文件(默认一周),然后有个缓存期望值,对比已有文件的大小,先根据文件最后编辑时间升序排,把大于期望值大小的文件全部杀掉


14.SDWebImagePrefetcher这货还提供了预先下载图片,还没使用过



我自己看了一遍,关于SDWebImage的面试题就全部迎刃而解了

点击打开链接     点击打开链接2


最后还要感谢南峰子的知识点讲解,大神果然厉害,向您学习

南峰子传送门




你可能感兴趣的:(iOS - SDWebImage源码解读,分解流程,超细注解,进阶必备)