YYWebImage 学习(一)

最近回头一看,发现我们的项目现在对图片处理都是用YYWebImage 的处理方式方式的,用了不短时间了,却没有好好了解下,今天特此学习下。首先然而怎么下手呢?如何提高阅读源代码的能力?结合自己,决定在第一篇,带着一个问题,去简单了解。

问题:为什么使用下面这个方法去获取图片?

- (void)yy_setImageWithURL:(NSURL *)imageURL
               placeholder:(UIImage *)placeholder
                   options:(YYWebImageOptions)options
                  progress:(YYWebImageProgressBlock)progress
                 transform:(YYWebImageTransformBlock)transform
                completion:(YYWebImageCompletionBlock)completion

先简单了解下这几个参数的含义

* imageURL:图片的URL
* placeholder: 备用图片
* options: YYWebImageOptions(图片下载时同时的操作,可以仔细看一下,很强大的
(展示进度,缓存方式,HTPPS的处理,忽略其他,失败时处理等等))
* progress: 图片下载的进度(receivedSize/expectedSize)
* transform: 对图片是否需要处理(大小、圆角之类的添加),为更适应图片的展示
* completion:完成后,可以了解的信息(url,from,error)

然后进入去看一下详细的实现

1、围绕着_YYWebImageSetter进行一系列的判断。
2、异步中到 YYWebImageManager 的网络处理
3、同时对 operation 进行处理,在YYWebImageOperation(NSOperation的子类)中。

所以,得先对:YYWebImageManager、YYWebImageOperation 有个大致了解。

YYWebImageManager

用来创建和管理网络图片任务的管理器,这个类其实就一个作用,管理生成一个YYWebImageOperation实例

第一,我们从其三个枚举就可以大致了解它一些东西啦

* YYWebImageOptions //控制图片请求的模式
* YYWebImageFromType //用来告诉我们图片来源
* YYWebImageStage //用来告诉我们图片下载的完成度的

第二,再看看其几个 Block

* YYWebImageProgressBlock  //从远程下载完成过程的回调
* YYWebImageTransformBlock //  图片从远程下载完成之前会执行这个block,用来执行一些额外的操作
* YYWebImageCompletionBlock //在当图片下载完成或者取消的时候调用

第三,看看它的初始化和属性,有很多,选择一个最重要的。也就是将上述 枚举和 block 结合的体现。

- (YYWebImageOperation *)requestImageWithURL:(NSURL *)url 
                                     options:(YYWebImageOptions)options 
                                    progress:(YYWebImageProgressBlock)progress 
                                   transform:(YYWebImageTransformBlock)transform 
                                  completion:(YYWebImageCompletionBlock)completion;

第四,看这个初始化的实现

- (YYWebImageOperation *)requestImageWithURL:(NSURL *)url
                                     options:(YYWebImageOptions)options
                                    progress:(YYWebImageProgressBlock)progress
                                   transform:(YYWebImageTransformBlock)transform
                                  completion:(YYWebImageCompletionBlock)completion {
    
   //设置request
    NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:url];
    request.timeoutInterval = _timeout;
    request.HTTPShouldHandleCookies = (options & YYWebImageOptionHandleCookies) != 0;
    request.allHTTPHeaderFields = [self headersForURL:url];
    request.HTTPShouldUsePipelining = YES;
    // 设置缓存方式
    request.cachePolicy = (options & YYWebImageOptionUseNSURLCache) ?
        NSURLRequestUseProtocolCachePolicy : NSURLRequestReloadIgnoringLocalCacheData;
    // 生成一个我们需要的YYWebImageOperation对象
    YYWebImageOperation *operation = [[YYWebImageOperation alloc] initWithRequest:request
                                                                          options:options
                                                                            cache:_cache
                                                                         cacheKey:[self cacheKeyForURL:url]
                                                                         progress:progress
                                                                        transform:transform ? transform : _sharedTransformBlock
                                                                       completion:completion];
    // 如果有用户名跟密码,生成系统提供的NSURLCredential
    if (_username && _password) {
        operation.credential = [NSURLCredential credentialWithUser:_username password:_password persistence:NSURLCredentialPersistenceForSession];
    }
    // 真正开始操作
    if (operation) {
        NSOperationQueue *queue = _queue;
        if (queue) {
            [queue addOperation:operation];
        } else {
            [operation start];
        }
    }
    return operation;
}

注意 request 各个属性的设置,特别是缓存策略,后期可以再了解 YYCache,以及NSURLCredential的身份认证。

YYWebImageOperation

YYWebImageOperation 类是NSOperation的子类,用来通过请求获取图片。

第一,对operation中一些状态进行正确的处理

- (void)_finish 
- (void)_startOperation
- (void)_startRequest:(id)object
- (void)_cancelOperation

第二,通过不同的方式下载得到图片进行的处理

//从磁盘缓存中接受图片
- (void)_didReceiveImageFromDiskCache:(UIImage *)image
// 从网络下载的图片
- (void)_didReceiveImageFromWeb:(UIImage *)image

第三,看NSURLColleciton 的代理方法


//即将缓存请求结果
- (NSCachedURLResponse *)connection:(NSURLConnection *)connection willCacheResponse:(NSCachedURLResponse *)cachedResponse
//请求已经收到相应
- (void)connection:(NSURLConnection *)connection didReceiveResponse:(NSURLResponse *)response
//收到数据回调
- (void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data
//连接已经结束加载
- (void)connectionDidFinishLoading:(NSURLConnection *)connection

第四,真正重写的NSOperation的方法,进行处理

- (void)start
- (void)cancel

在此我们可以大致了解作者在对管理下载队列的时候的想法,以及自定义一个operation时的大致想法。

总的说来,这一篇只是大致的思路,要去看详细源码,注意里面一些细节的才是重点,第二篇笔记重点来挖掘细节


额外问题的发现
1、static 内联函数的使用 ?
static inline void _yy_dispatch_sync_on_main_queue(void (^block)()) {
    if (pthread_main_np()) {
        block();
    } else {
        dispatch_sync(dispatch_get_main_queue(), block);
    }
}

简单理解, 宏一样的函数,方便使用。深入理解C语言的define和内联函数
另外也可了解下iOS OC内联函数 inline

  • static 标识此内联联函数只能在本文件中使用,限制了内联函数的作用域。
  • 相对于宏来说,static inline具有和宏同样级别的开销,而且还提供了类型安全,没有长度和格式的具体限制。

Ps: static 函数的用法

static void URLBlacklistInit() {
    static dispatch_once_t onceToken;
    dispatch_once(&onceToken, ^{
        URLBlacklist = [NSMutableSet new];
        URLBlacklistLock = dispatch_semaphore_create(1);
    });
}

用 static 这样表示该函数声明为内部函数(又叫静态函数),这样该函数就只能在其定义所在的文件中使用。如果在不同的文件中有同名的内部函数,则互不干扰。

2、类名和函数名 前面加下划线的运用 ?
@interface _YYWebImageSetter : NSObject
+ (void)_delaySetActivity:(NSTimer *)timer
- (void)_startOperation

一般是我们是用前缀避免命名空间冲突,如 yy_setImageURL:之类的,但是加上下划线有时个什么情况呢?

而且苹果公司喜欢单用一个下划线作为私有的前缀。此时如果我们也这样想,假如苹果公司提供的某个类中继承了某一个子类,那我们在子类里可能会无意间覆写了父类的同名方法,因此官方推荐是不要但写一个下划线做私有方法的前缀。

作者为什么这么写呢,对于部分变量名,类名还好理解,但是对私有方法的处理,可以仔细看看。

3、objc_getAssociatedObject大量的使用

这个就是为了解决在分类中添加实例变量的快速方法啦。Objective-C Associated Objects 的实现原理

4、@implementation 后直接使用成员变量?
@implementation User : NSObject {
    NSString *_name;
}

以前没有这样使用过,但是是合法的哦。对比@interface和@implementation

5、自旋锁 & 递归锁

OSSpinLock(自旋锁),自旋锁在保证了多线程同时访问本类的时候不会导致数据出错的同时性能高效。
NSRecursiveLock(递归锁),递归锁防止死锁,因为请求可能是有多个的。

使用案例

static OSSpinLock URLBlacklistLock;//黑名单锁
/**
 *  把url添加进黑名单
 */
static void URLInBlackListAdd(NSURL *url) {
    if (!url || url == (id)[NSNull null]) return;
    URLBlacklistInit();
    OSSpinLockLock(&URLBlacklistLock);
    [URLBlacklist addObject:url];
    OSSpinLockUnlock(&URLBlacklistLock);
}
@property (nonatomic, strong) NSRecursiveLock *lock; //递归锁
- (void)dealloc {
    [_lock lock];
    // 
    [_lock unlock];
}

了解更多的锁的信息,可以看看这篇结合 thread 讲的 -----Thread基础知识

备注参考:

https://github.com/ibireme/YYWebImage

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

推荐阅读更多精彩内容