SDWebCache源码详解

SDWebImage是一个网络图片下载和缓存的开源库(下载地址),它对图片的处理做了很好的封装,而且是线程安全的,你可以安心的让图片在后台线程下载并缓存起来。下面是一步步分解整个架构以及实现的思路,欢迎回复讨论!

一、图片下载

1.1、单个图片的下载(SDWebImageDownloaderOperation)
首先要从网络下载图片到本地,涉及到多个图片同时下载的问题,所以它把每个下载请求放入到队列中处理,每个下载任务当成一个operation,继承自NSOperation并重写start方法:


start方法.png
开始任务.png

每个请求使用NSURLSession对象来实现,iOS7以前用的是NSURLConnection,关于这两个的区别可以参考这里
接下来实现回调协议,获取图片数据,并且发相应的通知,这里它判断了response的304状态,意思是如果当前这个请求返回304,表明是重复请求没变化的数据,直接返回让上层直接读缓存数据

304状态码.png

图片数据接收完成后,先转换二进制数据NSData为图片格式数据(CGImageSourceRef),关于CGImageSourceRef可以参考这里
//转换为CGImageSourceRef的图

图片转换.png

获取到UIImage对象以后,先把图片数据存入缓存中,然后对图片进行拉伸以及加码处理,最后把处理过的图片通知上层,这样在后台线程解码,返回到主线程显示图片到屏幕上就可以节省时间

图片缓存及处理.png

这就是完整的单个图片的下载流程!

1.2、下载队列
单个图片的下载被封装成了一个operation,就可以很方便的加入队列了。这样做的好处是不需要关心下载线程的管理、数据同步、并发等问题,只要把下载任务加入队列,后面就等着收数据,处理数据就好了。
队列只需要一个,而且属性配置应该也是一样的,所以这里创建一个下载队列以及全局的session对象,所有的下载都是用同一个配置config

创建下载队列.png

当有url请求需要走下载流程的时候,传入url以及下载优先级和两个回调block:
SDWebImageDownloaderProgressBlock
SDWebImageDownloaderCompletedBlock


下载入口方法定义.png

在这个方法内部先判断url有效性和是否重复,然后加入下载队列前,记录他们的回调block,方便后面下载数据返回时调用。


记录回调block.png

注意这里的GCD代码,它使用了一个同步方法来控制URLCallbacks这个属性,以确保线程安全。因为这个字典是可变数组,所有的回调block都在这个字典中,可能同一时间有的block被加入字典,同时另外的block正在被移除,所以需要每次操作字典的时候确保它没没有被使用(看下图中每次从字典中remove都会放在同步方法同一个barrierQueue中进行)

加入下载队列.png

加入下载队列 2.png

这就是下载队列部分的代码,下载任务加入队列会开始并发执行,当图片数据返回后,根据url作为key从URLCallbacks字典中找到对应的回调block来执行,调用层就能及时知道该图片的下载进度以及完成后刷新UI。

二、缓存图片

2.1、缓存分内存缓存memoryCache和磁盘缓存diskCache,前者是用NSCache对象来处理,后者用NSFileManager把图片保存在项目沙盒Caches目录下(Library/Caches)

磁盘缓存目录.png

保存的原则是先加入内存缓存,如果需要的话再加入磁盘缓存。磁盘缓存设计到图片格式的问题(不同格式保存的体积不同),这里它做了格式判断,避免因为格式被转化而造成透明度丢失。

保存图片.png

它还做了一个自动清除过期图片的功能,保存期限是7天,每次app进入后台时,检查磁盘中图片文件的最近修改日期是否超过了期限,并将该缓存移除

过期图片清理.png

还设置了缓存目录的大小限制,如果超出了最大容量限制,把最旧的文件删除

容量限制.png

磁盘缓存是涉及到多线程的I/O操作,所以把所有的I/O操作都放入一个串行队列中,确保线程安全

io串行队列.png

2.2、查找缓存图片(先从内存查找,如果没找到,从磁盘找,还是没找到,走下载流程,一旦找到图片资源,加入内存缓存然后返回上层,在主线程刷新imageView)
//查找缓存图片图

查找缓存图片.png
三、管理类(SDWebImageManager)

用一个单例对象来管理和衔接所有这些功能点,也是整个框架流程的入口


管理类定义.png
入口方法1.png
入口方法2.png
入口方法3.png
入口方法4.png
四、Category

最后就是一些category,UI的封装供上层的业务逻辑使用。你也可以根据自己的业务需求去定义更多的扩展和封装,比如先显示placeholder啊,imageView在加载完成前先显示loading,按钮在图片返回前置为disable状态等等。它还对UIView做了一个扩展,利用runtime特性加了一个属性,主要就是把上面的combinedOperation这个管理整个流程的对象跟具体的UI对象绑定起来,并提供取消操作的扩展方法,这样所有的UIView子类都可以直接发送取消下载操作。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容