SDWebImage的内部实现原理

SDWebImage的内部实现原理

之前刚开始做iOS开发的时候,一直以为SD就仅仅是单纯的为UIImageView赋网络图片的一个第三方库, 直到查阅多方资料, 并且看了源码以后, 才发现他不仅仅是赋值, 还做了更多的操作, github的UML图画的也很清晰, 越来越佩服作者了, 设计思路非常清晰.

下面以setImageWithUrl这个方法为入口, 展示了SD内部做的一些操作,对新手特别友好,能快速了解SD的内部原理:

  1. 入口setImageWithUrl:placeHolderImage:options:会把placeHolderImage显示,然后SDWebImageManager根据URL开始处理图片.
  1. 进入SDWebImageManager-downloadWithURL:delegate:options:userInfo:交给SDImageCache从缓存查找图片是否已经下载queryDiskCacheForKey:delegate:userInfo:
  1. 先从内存图片缓存查找是否有图片,如果内存中已经有图片缓存,SDImageCacheDelegate回调imageCache:didFineImage:forKey:userInfo:到SDWebImageManager.
  1. SDWebImageManagerDelegate回调webImageManager:didFinishWithImage:到UIImageView + WebCache等前端展示图片.
  1. 如果内存缓存中没有,生成NSInvocationOperation添加到队列开始从硬盘查找图片是否已经缓存
  1. 根据URLKey在硬盘缓存目录下尝试读取图片文件.这一步是在NSOperation进行的操作,所以回主线程进行结果回调notifyDelegate.
  1. 如果上一操作从硬盘读取到了图片,将图片添加到内存缓存中(如果空闲内存过小 会先清空内存缓存).SDImageCacheDelegate 回调imageCache:didFinishImage:forKey:userInfo:进而回调展示图片.
  1. 如果从硬盘缓存目录读取不到图片,说明所有缓存都不存在该图片,需要下载图片,回调imageCache:didNotFindImageForKey:userInfo.
  1. 共享或重新生成一个下载器SDWebImageDownLoader开始下载图片
  1. 图片下载由NSURLConnection来做,实现相关delegate来判断图片下载中,下载完成和下载失败
  1. connection:didReceiveData:中利用ImageIO做了按图片下载进度加载效果
  1. connectionDidFinishLoading:数据下载完成后交给SDWebImageDecoder做图片解码处理
  1. 图片解码处理在一个NSOperationQueue完成,不会拖慢主线程UI.如果有需要对下载的图片进行二次处理,最好也在这里完成,效率会好很多.
  1. 在主线程notifyDelegateOnMainThreadWithInfo:宣告解码完成imageDecoder:didFinishDecodingImage:userInfo:回调给SDWebImageDownloader
  1. imageDownLoader:didFinishWithImage:回调给SDWebImageManager告知图片下载完成
  1. 通知所有的downloadDelegates下载完成,回调给需要的地方展示图片
  1. 将图片保存到SDImageCache中内存缓存和硬盘缓存同时保存,写文件到硬盘也在以单独NSInvocationOperation完成,避免拖慢主线程
  1. SDImageCache在初始化的时候会注册一些消息通知,在内存警告或退到后台的时候清理内存图片缓存,应用结束的时候清理过期图片
  1. SDWI也提供UIButton + WebCache和MKAnnptation + WebCache方便使用
  1. SDWebImagePrefetcher 可以预先下载图片,方便后续使用
看到这就是真爱,打个赏呗~