SDWebImage

下载步骤

1. 入口setImageWithUrl:placeHolderImage:options:会把placeHolderImage显示,然后SDWebImageManager根据URL开始处理图片.
2. 进入SDWebImageManager-downloadWithURL:delegate:options:userInfo:交给SDImageCache从缓存查找图片是否已经下载queryDiskCacheForKey:delegate:userInfo:
3. 先从内存图片缓存查找是否有图片,如果内存中已经有图片缓存,SDImageCacheDelegate回调imageCache:didFineImage:forKey:userInfo:到SDWebImageManager.
4. SDWebImageManagerDelegate回调webImageManager:didFinishWithImage:到UIImageView + WebCache等前端展示图片.
5. 如果内存缓存中没有,生成NSInvocationOperation添加到队列开始从硬盘查找图片是否已经缓存
6. 根据URLKey在硬盘缓存目录下尝试读取图片文件.这一步是在NSOperation进行的操作,所以回主线程进行结果回调notifyDelegate.
7. 如果上一操作从硬盘读取到了图片,将图片添加到内存缓存中(如果空闲内存过小 会先清空内存缓存).SDImageCacheDelegate 回调imageCache:didFinishImage: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中内存缓存和硬盘缓存同时保存,写文件到硬盘也在以单独NSInvocationOperation完成,避免拖慢主线程
18. SDImageCache在初始化的时候会注册一些消息通知,在内存警告或退到后台的时候清理内存图片缓存,应用结束的时候清理过期图片
19. SDWI也提供UIButton + WebCache和MKAnnptation + WebCache方便使用
20. SDWebImagePrefetcher 可以预先下载图片,方便后续使用

核心模块

• SDWebImageManager: 核心调度器
• SDWebImageDecoder 解码: CGBitMapContextCreate
• SDImageCache 缓存： memoryCache, diskCache
• SDWebImageDownloaderOperation：继承 NSOperation 实现并发下载，内部使用 URLSessionTask 实现。
• SDImageTransformer 图片变换器,圆角 缩放等。

SDWebImage 如何解决主线程卡顿问题

• imageWithContentOfFile 过程中的图片解码是比较耗时的，容易造成主线程卡顿
• SD 为了解决这个问题，会在子线程中提前对图片解压缩，然后 CGContextDrawImage()到画布中，生成的图片放到缓存中。

SDWebImage 出现内存暴增问题

为了优化图片解码导致的卡顿，SD 在子线程中解码，CGBitmapContextCreat，解码后的位图存入到内存缓存。对于高分辨率的图片而言，解压缩后的位图占用内存大，缓存多张图片容易导致内存高负载。

• 解决方案
  • 按需 shouldCacheImageInMemory
  • 设置 maxMemoryCost
  • 手动 clearMemory
  • 按需设置解压缩

  SDImageCache *canche = [SDImageCache sharedImageCache]; 
  canche.shouldDecompressImages = NO; 
  SDWebImageDownloader *downloder = [SDWebImageDownloader sharedDownloader]; 
  downloder.shouldDecompressImages = NO
  
  

缓存清除策略

• 淘汰算法，当缓存满时，递归清理最早访问的文件。