iOS开发之SDWebImage解析

SDWebImage下载地址:https://github.com/rs/SDWebImage

1.SDWebImage简介

SDWebImage能够添加网络图像和缓存管理到Cocoa Touch framework的UIImageView类别,具有异步图像下载、支持GIF动画、支持WebP格式、后台图像解压等特征,保证相同的url不会下载多次、伪造的URL不会尝试一遍又一遍的下载、主线程永远不会被阻塞等。

2.SDWebImage体系结构

SDWebImage类图
SDWebImage序列图

3.UIImageView+WebCache

图片下载

第一个参数:图片的url
第二个参数:占位图片缓存处理

- (void)sd_setImageWithURL:(NSURL *)url placeholderImage:(UIImage *)placeholder
图片的下载进度

第一个参数:图片的url
第二个参数:占位图片
第三个参数:下载图片的选项(策略)
第四个参数:progress进度回调
receivedSize:已经下载的图片大小
expectedSize:图片的总大小

第五个参数:completed 下载完成(成功|失败)之后的回调
image:要下载的图片,如果错误的话,那么image = nil
error:错误信息,如果错误的话 那么这个error有值
cacheType:缓存的类型
imageURL:图片的url

- (void)sd_setImageWithURL:(NSURL *)url placeholderImage:(UIImage *)placeholder options:(SDWebImageOptions)options progress:(SDWebImageDownloaderProgressBlock)progressBlock completed:(SDWebImageCompletionBlock)completedBlock

4.SDWebImageManager

第一个参数:图片的url
第二个参数:下载图片的选项
第三个参数:progress进度回调
receivedSize:已经下载的图片大小
expectedSize:图片的总大小

第四个参数:completed 下载完成(成功|失败)之后的回调
image:要下载的图片,如果错误的话,那么image = nil
error:错误信息,如果错误的话 那么这个error有值
cacheType:缓存的类型
imageURL:图片的url

-(id <SDWebImageOperation>)downloadImageWithURL:(NSURL *)url options:(SDWebImageOptions)options progress:(SDWebImageDownloaderProgressBlock)progressBlock completed:(SDWebImageCompletionWithFinishedBlock)completedBlock

5.UIImage+GIF

播放本地的gif

原理解析
(1)把用户传入的gif图片转换为二进制数据流NSData
(2)调用系统<ImageIO/ImageIO.h>
+(UIImage *)sd_animatedGIFWithData:(NSData *)data
a.系统方法根据NSData创建一个图片数据源
b.计算数据源中一共有多少帧,把每一帧数据取出放到图片数组中
c.根据得到的数组和计算好的动画时间得到动画
animatedImage = [UIImage animatedImageWithImages:images duration:duration];

+(UIImage *)sd_animatedGIFNamed:(NSString *)name

6.SDWebImageDownloader和UIImage+GIF

下载gif图片

(1)创建SDWebImageDownloader的单例对象

+(SDWebImageDownloader *)sharedDownloader

(2)SDWebImageDownloader单例对象调用下面方法下载gif
第一个参数:图片的url
第二个参数:下载图片的选项(策略)
第三个参数:progress进度回调
receivedSize:已经下载的图片大小
expectedSize:图片的总大小

第四个参数:completed 下载完成(成功|失败)之后的回调
image:要下载的图片,如果错误的话,那么image = nil
error:错误信息,如果错误的话 那么这个error有值
cacheType:缓存的类型
SDImageCacheTypeNone:没有使用缓存,图片是直接下载的
SDImageCacheTypeDisk:磁盘缓存
SDImageCacheTypeMemory:内存缓存
imageURL:图片的url

-(id <SDWebImageOperation>)downloadImageWithURL:(NSURL *)url options:(SDWebImageDownloaderOptions)options progress:(SDWebImageDownloaderProgressBlock)progressBlock completed:(SDWebImageDownloaderCompletedBlock)completedBlock

(3)在completed中调用下面方法显示gif图片

+(UIImage *)sd_animatedGIFWithData:(NSData *)data

7.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)如果内存缓存中没有,生成 NSInvocationOperation 添加到队列开始从硬盘查找图片是否已经缓存;
(6)根据 URLKey 在硬盘缓存目录下尝试读取图片文件。这一步是在 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 中,内存缓存和硬盘缓存同时保存。写文件到硬盘也在以单独 NSInvocationOperation 完成,避免拖慢主线程;
(18)SDImageCache 在初始化的时候会注册一些消息通知,在内存警告或退到后台的时候清理内存图片缓存,应用结束的时候清理过期图片;
(19)SDWebImage 也提供了 UIButton+WebCache 和 MKAnnotationView+WebCache,方便使用;
(20)SDWebImagePrefetcher 可以预先下载图片,方便后续使用。

>######最常用的SDWebImage接口调用

[self.imageView sd_setImageWithURL:[NSURL URLWithString:@"url"] placeholderImage:[UIImage imageNamed:@"placeholder"]];


####8.缓存的处理方式:NSCache
>在缓存中设置指定键名对应的值

-(void)setObject:(ObjectType)obj forKey:(KeyType)key

>在缓存中设置指定键名对应的值,并且指定该键值对的成本,用于计算记录在缓存中的所有对象的总成本,出现内存警告或者超出缓存总成本上限的时候,缓存会开启一个回收过程,删除部分元素

-(void)setObject:(ObjectType)obj forKey:(KeyType)key cost:(NSUInteger)g

>删除缓存中指定键名的对象

-(void)removeObjectForKey:(KeyType)key

>删除缓存中所有的对象

-(void)removeAllObjects

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

推荐阅读更多精彩内容