浅谈SDWebImage

作者: 肚子总是饿 | 来源:发表于2017-08-20 14:12 被阅读270次

SDWebImage

SDWebImage构成

UIImageView+WebCache

UIImageView+WebCache以及其他几个视图的类别,都是进行网络图片赋值的入口,通过这些类别的方法,调用SDWebImageManager来进行图片加载以及赋值。

SDWebImageManager

单例设计模式实现,管理整个进程中涉及到SDWebImage的图片处理过程,在这个类里面执行请求容错处理,查找缓存图片,发起图片加载,缓存图片。

SDWebImageDownloader

单例设计模式实现,管理整个进程中涉及到SDWebImage的图片加载过程,这这个类里面执行网络请求的设置,并将单独的网络请求任务通过NSOperationQueue进行异步执行,并给任务添加依赖,确保不会发生线程阻塞。

SDWebImageDownloaderOperation

继承自NSOperation,重写了start方法,并在start方法中进行发起NSURLConnection的网络请求;在NSURLConnection的代理方法中对返回的结果进行处理,并将正确的图片数据通过Image I/O转换为正确格式的图片。

SDImageCache

单例设计模式实现,通过NSCache处理图片缓存业务,使用GCD在子线程进行图片的I/O读写,以键-值对应的形式储存URL对应的图片,存储的区域有Disk和Memeroy两种(磁盘和内存)。

SDWebImageCompat

SDWebImage的宏定义以及图片尺寸处理。

SDWebImageDecoder

单例设计模式实现,使用QuartzCore框架的CGImageRef对图片进行解码处理。

SDWebImagePrefetcher

单例设计模式实现,进行图片的预先加载。

NSData+ImageContentType

识别图片的类型。

SDWebImage的加载图片的过程

拿我们最常使用的一个方法来举例

第一步.UIImageview使用类别方法

使用类别方法作为入口,将图片链接给到方法中,SDWebImage会首先取消当前当前视图的图片加载任务,然后根据条件给视图赋上占位图片。这里会给每个视图创建一个图片加载的任务,异步执行,在图片请求成功并处理完成时,会通过回调将图片在主线程给赋值到视图上。

-(void)sd_setImageWithURL:(NSURL *)url placeholderImage:(UIImage *)placeholder;  
第二步. SDWebImageManager进行URL处理

SDWebImage内部调用使用SDWebImageManager方法:

- (id <SDWebImageOperation>)downloadImageWithURL:(NSURL *)url
                    options:(SDWebImageOptions)options
                   progress:(SDWebImageDownloaderProgressBlock)progressBlock
                  completed:(SDWebImageCompletionWithFinishedBlock)completedBlock;
  • 在这个方法里先做一些错误防御诸如传递进来的URL的类型是否符合NSURL,再判断请求的URL是否在之前请求失败过等错误防御,如果不能通过URL加载图片,会提前执行completedBlock回调。注意这句代码,这里使用了互斥锁,保证访问对象的同时不会被改变。
BOOL isFailedUrl = NO;
@synchronized (self.failedURLs) {
        isFailedUrl = [self.failedURLs containsObject:url];
}
  • 在错误防御做完之后通过SDImageCache先通过URL判断是否有对应的图片缓存在本地,如果有本地缓存且用户不需要重新请求,则直接将图片在主线程通过回调传递给视图,最终将图片赋值给对应视图。
第三步. SDWebImageDownloader进行Request处理

在未获取到URL对应的本地图片的情况下,会通过SDWebImageDownloader的加载方法通过网络加载图片,如下:

- (id <SDWebImageOperation>)downloadImageWithURL:(NSURL *)url
                    options:(SDWebImageDownloaderOptions)options
                   progress:(SDWebImageDownloaderProgressBlock)progressBlock
                  completed:(SDWebImageDownloaderCompletedBlock)completedBlock;
  • 在这个方法里面,首先是进行NSMutableURLRequest一些参数配置比如超时时间,请求头等,然后会生成一个网络加载图片的任务SDWebImageDownloaderOperation,这些任务会依赖SDWebImageDownloader的下载队列downloadQueue内的最后一个任务,当downloadQueue最后添加的lastAddedOperation任务返回,才会继续下一个任务进行图片加载。
 [wself.downloadQueue addOperation:operation];
     if (wself.executionOrder == SDWebImageDownloaderLIFOExecutionOrder) {
         [wself.lastAddedOperation addDependency:operation];
         wself.lastAddedOperation = operation;
     }

第四步. SDWebImageDownloaderOperation网络加载

SDWebImageDownloader中会通过以下方法创建SDWebImageDownloaderOperation

- (id)initWithRequest:(NSURLRequest *)request
              options:(SDWebImageDownloaderOptions)options
             progress:(SDWebImageDownloaderProgressBlock)progressBlock
            completed:(SDWebImageDownloaderCompletedBlock)completedBlock
            cancelled:(SDWebImageNoParamsBlock)cancelBlock;

SDWebImageDownloaderOperation重写了NSOperation的start:方法,并在start:方法中进行NSURLConnectiona的网络请求,并在NSURLConnection的delegate中进行返回值的处理。

  • 在NSConnection的- (void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data代理方法中通过Image I/O进行图片解码处理,在这个方法里对图片的格式以及尺寸都做了处理,关于Image I/O详情见Image I/O;在图片加载处理完成后,会执行回调,将数据传递到SDWebImageDownloader,再由SDWebImageDownloader传递到SDWebImageManager,最终传递到视图对象中,将图片赋值到视图上,并将图片根据URL由SDImageCache缓存到Cache中。至此,整个图片加载赋值流程结束。

SD图片加载流程

SD图片加载流程SD图片加载流程

总结

SDWebImage中有许多值得留意的点,以下列出几个。

线程保护

@synchronized(self)

建立一个互斥锁,保证不会再同时对self对象进行修改,通过此方法实现单例的时候,需要将allocWithZone和copy、mutableCopy等方法都进行重写,保证不会产生新的对象

NSOperation NSOperationQueue

网络加载图片会比较耗费时间,如果直接在主线程执行的话会导致界面卡顿的情况,所以必须在子线程进行网络加载,加载完成在主线程进行UI操作,平常的开发过程需要进入子线程操作的业务大多在第三方比如AFNetworking或者SDWebImage中封装好了,平时的开发会接触得少一点,但是一旦有这方面的需求,了解并熟练使用NSOperationNSOperationQueue以及GCD都是非常有必要的,关于这方面后面会总结一篇出来。

内存保护

__block __weak.

使用代码块时,注意使用__weak避免造成循环引用,使用__block使对象可以在代码块中改变。

参考

SDWebImage多线程防错乱策略
NSOperation并发编程

相关文章

网友评论

本文标题:浅谈SDWebImage

本文链接:https://www.haomeiwen.com/subject/kgsfdxtx.html