从sd_setImageWithURL:方法谈SDWebImage (一)

SDWebImage是GitHub上耳熟能详的iOS网络图片下载三方库。在iOS 中图片下载使用最多的方法应该是sd_setImageWithURL:,仅仅一个方法就可以开启异步下载、合理缓存机制。
SDWebImage中最常用的方法如下:

#import "UIImageView+WebCache.h" // 导入UIImageView的分类

UIImageView *avatar = [UIImageView new];
// 调起SDWebImage的下载代码
[avatar sd_setImageWithURL:[NSURL URLWithString:imageURL]];

上诉代码就能够直接从网络上下载图片并且显示。接下来我们从UIImageView+WebCache的sd_setImageWithURL:方法开始一步一步的来了解SDWebImage。
UIImageView+WebCache是SDWebImage为常用的UIKit做的扩展之一。其它的WebCache Categories主要包含

#import "NSImage+WebCache.h" // Mac开发 使用
#import "MKAnnotationView+WebCache.h"
#import "UIButton+WebCache.h"
#import "UIImageView+HighlightedWebCache.h"
#import "UIImageView+WebCache.h"
#import "UIView+WebCache.h"

以UIView+WebCache.h作为基础的Category封装了最基础功能:图片下载、取消下载。其它的Category根据自身的特点扩展了更多便利的方法但各自实现的方法最终都是调用到UIView+WebCache来进行图片下载,本文只拿出UIView+WebCache来进行分析,其它Category都是对UIView+WebCache的扩展使用。

UIView+WebCache中的核心方法只有一个:

- (void)sd_internalSetImageWithURL:(nullable NSURL *)url
                  placeholderImage:(nullable UIImage *)placeholder
                           options:(SDWebImageOptions)options
                      operationKey:(nullable NSString *)operationKey
                     setImageBlock:(nullable SDSetImageBlock)setImageBlock
                          progress:(nullable SDWebImageDownloaderProgressBlock)progressBlock
                         completed:(nullable SDExternalCompletionBlock)completedBlock;

UIView+WebCache.m下载的实现,我去除了一些代码,保留了重要的下载代码如下:


- (void)sd_internalSetImageWithURL:(nullable NSURL *)url
                  placeholderImage:(nullable UIImage *)placeholder
                           options:(SDWebImageOptions)options
                      operationKey:(nullable NSString *)operationKey
                     setImageBlock:(nullable SDSetImageBlock)setImageBlock
                          progress:(nullable SDWebImageDownloaderProgressBlock)progressBlock
                         completed:(nullable SDExternalCompletionBlock)completedBlock {
    // 取消之前得下载操作
    NSString *validOperationKey = operationKey ?: NSStringFromClass([self class]);
    [self sd_cancelImageLoadOperationWithKey:validOperationKey];
    // 动态绑定imageURLKey,用来存储和返回下载图片的地址
    objc_setAssociatedObject(self, &imageURLKey, url, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

    if (url) {  // 判断url是否有效
      // 开启下载任务,返回下载的operation
        __weak __typeof(self)wself = self;
        // 构建图片下载的operation(需遵守SDWebImageOperation协议,用于取消operation)
        id <SDWebImageOperation> operation = [SDWebImageManager.sharedManager loadImageWithURL:url options:options progress:progressBlock completed:^(UIImage *image, NSData *data, NSError *error, SDImageCacheType cacheType, BOOL finished, NSURL *imageURL) {
            // 图片下载结果回调
            __strong __typeof (wself) sself = wself;
            dispatch_main_async_safe(^{
                if (image && (options & SDWebImageAvoidAutoSetImage) && completedBlock) {  
                     // options设置了不自动 调用Set图片的策略时直接回调结果
                    completedBlock(image, error, cacheType, url);
                    return;
                } else if (image) {
                    // 自动设置图片。(内部会做判断设置UIImage的图片、UIButton不同状态的图片和背景图等)
                    [sself sd_setImage:image imageData:data basedOnClassOrViaCustomSetImageBlock:setImageBlock];
                    [sself sd_setNeedsLayout];
                } else {
                }
              //  结果的回调,包含图片、错误、缓存类型、及图片
                if (completedBlock && finished) {
                    completedBlock(image, error, cacheType, url);
                }
            });
        }];
        // 由于异步下载图片,根据validOperationKey存储图片下载操作,以备图片下载未完成之时用来取消operation
        [self sd_setImageLoadOperation:operation forKey:validOperationKey];
    } else { 
      // 直接回调失败
    }
}

需要注意的地方:

dispatch_main_async_safe(); 是作者用来确保在主线程执行代码的宏定义,之前使用[NSThread mainThread]来判断,现在版本使用
使用strcmp来判断dispatch_queue_get_label(DISPATCH_CURRENT_QUEUE_LABEL),dispatch_queue_get_label(dispatch_get_main_queue() 是否相等

使用关联对象为UIView增加图片URL
objc_setAssociatedObject(self, &imageURLKey, url, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
objc_getAssociatedObject(self, &imageURLKey);

接下来让我们一行行的看下代码。
首先,取消之前下载操作

    //  取得一个下载操作key(nil,用类名做key)
    NSString *validOperationKey = operationKey ?: NSStringFromClass([self class]);
    // 取消下载
    [self sd_cancelImageLoadOperationWithKey:validOperationKey];

sd_cancelImageLoadOperationWithKey:方法是在一个新的分类
在UIView+WebCacheOperation中:

UIView+WebCacheOperation.h

- sd_setImageLoadOperation:forKey:
- sd_cancelImageLoadOperationWithKey:
- sd_removeImageLoadOperationWithKey:

在UIView+WebCacheOperation.h的API都是对下载operation的操作。绑定operation、取消operation、移除operation。在UIView+WebCacheOperation.m同样使用关联对象针对每个UIKit对象在内存中维护一个字典operationDictionary。可以对不同的key值添加对应的下载operation,也可以在下载操作没有完成的时候根据key取到operation进行取消。在这里作者将不同的功能方法放在不同的Category中,便于管理区分。

operationDictionary的key一般是类名,如此同一个UIImageView同时调用两次,第一次的下载操作会先被取消,然后将operationDictionary的中的operation对应到第二次的下载操作。针对特殊情况作者也做了修改(如按钮不同状态下的图片key值是添加了状态的枚举值的字符串区分,所以按钮可以同时开启多个图片下载任务)对开发人员一般不需要配置。

- (SDOperationsDictionary *)operationDictionary {
    SDOperationsDictionary *operations = objc_getAssociatedObject(self, &loadOperationKey);
    if (operations) {
        return operations;
    }
    operations = [NSMutableDictionary dictionary];
    objc_setAssociatedObject(self, &loadOperationKey, operations, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
    return operations;
}
  • 目前我们大概了解了SDWebImage的下载的过程:从sd_setImageWithURL开始—>sd_internalSetImageWithURL:—>SDWebImageManager.sharedManager开启异步下载同时返回一个下载任务operation,以key:operation形式存放到UIView的关联对象(operationDictionary字典)中。以后可根据key取出对应的operation进行取消等操作——>图片异步下载成功or失败,根据设置的options策略赋值图片到相应的UI控件上。

  • 每个UIView的控件SDWebimage都用关联对象的方式在UIView+WebCache中绑定了一个imageURL,在UIView+WebCacheOperation中绑定了用于存放下载图片operation的字典operationDictionary。


以上,可以看出图片下载开始前和完成后的代码逻辑。
而图片下载关键在SDWebImageManager.sharedManager的loadImageWithURL:的方法。下篇文章谈谈SDWebImageManager又是如何下载图片!

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

推荐阅读更多精彩内容