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图片加载流程
总结
SDWebImage中有许多值得留意的点,以下列出几个。
线程保护
@synchronized(self)
建立一个互斥锁,保证不会再同时对self对象进行修改,通过此方法实现单例的时候,需要将allocWithZone和copy、mutableCopy等方法都进行重写,保证不会产生新的对象
NSOperation NSOperationQueue
网络加载图片会比较耗费时间,如果直接在主线程执行的话会导致界面卡顿的情况,所以必须在子线程进行网络加载,加载完成在主线程进行UI操作,平常的开发过程需要进入子线程操作的业务大多在第三方比如
AFNetworking
或者SDWebImage
中封装好了,平时的开发会接触得少一点,但是一旦有这方面的需求,了解并熟练使用NSOperation
、NSOperationQueue
以及GCD
都是非常有必要的,关于这方面后面会总结一篇出来。
内存保护
__block __weak.
使用代码块时,注意使用__weak避免造成循环引用,使用__block使对象可以在代码块中改变。