一、架构简图

20210502081113272

二、加载流程

20210502081113273

三、实现流程

SDWebImage提供一个UIImageView的类别以支持加载来自互联网的远程图片。具有缓存管理、异步下载,同一个URL下载次数控制和优化等特征。

1、独立的异步图像缓存

SDImageCache类提供一个管理缓存的单例类。

SDImageCache *imageCache = [SDImageCache sharedImageCache]

查找和缓存图片时以URL作为key。(先查找内存,如果内存不存在该图片,再查找硬盘;查找硬盘时,以URL的MD5值作为key).

查找图片:

UIImage *cacheImage = [imageCache mageFromKey:myCacheKey];

缓存图片:

[imageCache storeImage:myImage forKey:myCacheKey];

默认情况下,图片是被存储到内存缓存和磁盘缓存中的。如果仅仅是想缓存到内存中,可以用下面方法:
storeImage:forKey:toDisk: 第三个参数传NO即可。

2、主要用到的对象

1.UIImageView(WebCache),入口封装,实现读取图片完成后的回调。

2.SDWebImagemanager,对图片进行管理的中转站,记录那些图片正在读取。向下层读取Cache(调用SDImageCache),或者向网络读取对象(调用SDWebImageDownloader)。实现SDImageCache和SDWebImageDownLoader的回调。

3.SDImageCache,根据URL作为key,对图片进行存储和读取(存在内存(以URL作为key)和存在硬盘两种(以URL的MD5值作为key))。实现图片和内存清理工作。

3、SDWebImage加载图片的流程

1.入口 setImageWithURL:placeholderImage:options: 会先把 placeholderImage 显示,然后SDWebImageManager根据 URL 开始处理图片。

2.进入SDWebImageManager 类中downloadWithURL:delegate:options:userInfo:,交给SDImageCache从缓存查找图片是否已经下载queryDiskCacheForKey:delegate:userInfo:

3.先从内存图片缓存查找是否有图片,如果内存中已经有图片缓存,SDImageCacheDelegate回调 imageCache:didFindImage:forKey:userInfo:SDWebImageManager

4.SDWebImageManagerDelegate 回调webImageManager:didFinishWithImage:UIImageView+WebCache,等前端展示图片。

5.如果内存缓存中没有,生成 NSOperation 添加到队列,开始从硬盘查找图片是否已经缓存。

6.根据 URL 的 MD5值Key 在硬盘缓存目录下尝试读取图片文件。这一步是在 NSOperation 进行的操作,所以回主线程进行结果回调 notifyDelegate:

7.如果上一操作从硬盘读取到了图片,将图片添加到内存缓存中(如果空闲内存过小, 会先清空内存缓存)。SDImageCacheDelegate回调 imageCache:didFindImage:forKey:userInfo:。进而回调展示图片。

8.如果从硬盘缓存目录读取不到图片,说明所有缓存都不存在该图片,需要下载图片, 回调 imageCache:didNotFindImageForKey:userInfo:

9.共享或重新生成一个下载器 SDWebImageDownloader 开始下载图片。

10.图片下载由 NSURLConnection 来做,实现相关 delegate来判断图片下载中、下载完成和下载失败。

11.connection:didReceiveData: 中利用 ImageIO做了按图片下载进度加载效果。

12.connectionDidFinishLoading: 数据下载完成后交给 SDWebImageDecoder做图片解码处理。

13.图片解码处理在一个 NSOperationQueue 完成,不会拖慢主线程 UI.如果有需要 对下载的图片进行二次处理,最好也在这里完成,效率会好很多。

14.在主线程 notifyDelegateOnMainThreadWithInfo: 宣告解码完成 imageDecoder:didFinishDecodingImage:userInfo: 回调给 SDWebImageDownloader

15.imageDownloader:didFinishWithImage:回调给 SDWebImageManager 告知图片 下载完成。

16.通知所有的 downloadDelegates 下载完成,回调给需要的地方展示图片。

17.将图片保存到 SDImageCache 中,内存缓存和硬盘缓存同时保存。写文件到硬盘 也在以单独 NSOperation 完成,避免拖慢主线程。

18.SDImageCache 在初始化的时候会注册一些消息通知,在内存警告或退到后台的时 候清理内存图片缓存,应用结束的时候清理过期图片。

20210502081113274