SDWebImage解析

概述

简单来讲，SDWebImage是一个用来异步加载网络图片的库，在使用者的角度，设置图片的url以及占位图片后，其他的就不用做了，SDWebImage会自动开始下载图片，在图片下载完成前在相应的位置显示占位图片，在图片下载完成之后将占位图片替换为实际的图片。

实现形式

通过为系统预定义的控件添加类别的方式来实现，具体来说，为以下控件做了扩展：

  • UIImage
  • UIButton
  • UIImageView
  • MKAnnotationView

代码结构

主要由下面几个类组成：

  • SDWebImageDownloader 图片下载器
  • SDImageCache 实现缓存的地方
  • SDWebImageManager 大内总管，扮演协调downloader和cache之间关系的角色

主要类的设计

SDWebImageManager主要成员：

  • SDWebImageDownloader *imageDownloader管理下载
  • SDImageCache *imageCache管理缓存
  • id delegate回调通知

SDWebImageDownloader主要成员：

  • NSOperationQueue *downloadQueue存放下载任务队列
    （SDWebImageDownloaderOperation派生自NSOperation）

SDImageCache主要成员：

  • NSCache *memCache存放内存cache
  • NSString *diskCachePath存放磁盘cache的路径
  • dispatch_queue_t ioQueue表示io队列

几个关键点

  • 单例的实现
    SDWebImage中SDWebImageManager、SDWebImageManager和SDImageCache都是以单例的形式存在，实现上用了类似的方法： 
    1
    2
    3
    4
    5
    6
    7
    8
    + (id)sharedManager {
       	static dispatch_once_t once;
       	static id instance;
       	dispatch_once(&once, ^{
           	instance = [self new];
       	});
       	return instance;
    }

简单来说，就是通过dispatch_once来实现单例。这种方法利用了dispatch_once可以保证block里的代码只执行一次，并且是线程安全的特性。可以参考这里。

  • 磁盘cache的实现
    这里使用了UIImagePNGRepresentation和UIImageJPEGRepresentation读取图片的data，保存在NSData中，然后通过createFileAtPath保存在磁盘中。

相关链接

EGOImageLoading实现的思路大同小异，不同的是EGOImageLoading不是通过类别扩展标准控件，而是通过直接派生自UIButton、UIImageView实现的。