YYImage源码分析

YYImage和SDWebIMage的功能是相同的，通过为系统的UIImageView、UIButton、CALayer添加分类方法继而提供图像的下载、展示、缓存等功能，另外YYImage还支持GIF、APNG、WebP格式的动画图片。

入口的选择

---

YYImage的使用方法同SDWebImage相同，都可以通过调用原生UI控件的分类方法获取其提供的功能。

如果你的图像展示区域需要响应UIEvent事件，可以选择使用UIImageView或UIButton，然后调用UI控件对应的分类方法。

如果你的图像展示区域不需要响应UIEvent事件，只是单纯的显示图像内容，可以选择使用CALayer，使用CALayer可以减少屏幕上UI控件的层级，进而减少CPU和GPU的计算和渲染压力，提高性能，特别对于UIScrollView及其派生类来说，可提高滑动流畅性。

图片的下载

---

如何避免重复下载

UITableViewCell频繁在屏幕中出现时如果不加限制会重复发送下载图片的网络请求，在YYImage中为避免图片重复下载，每次调用setImageWithURL:开头的分类方法时，对于每个有效的下载操作，OSAtomicIncrement32都会以原子方式对_sentinel递增32位值。

避免重复下载的操作被封装在了分类方法和_YYWebImageSetter类中。

_YYWebImageSetter类有几个成员变量：

@implementation _YYWebImageSetter {
    dispatch_semaphore_t _lock;
    NSURL *_imageURL;
    NSOperation *_operation;
    int32_t _sentinel;
}

变量_lock用来控制并发操作保证线程安全。
变量_imageURL表示当前下载操作所下载图片的URL。
变量_operation表示当前下载操作。
变量_sentinel译为哨兵，用来比对两次下载操作是否为同一个。

_YYWebImageSetter *setter = objc_getAssociatedObject(self, &_YYWebImageHighlightedSetterKey);
if (!setter) {
    setter = [_YYWebImageSetter new];
    objc_setAssociatedObject(self, &_YYWebImageHighlightedSetterKey, setter, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}
int32_t sentinel = [setter cancelWithNewURL:imageURL];

- (int32_t)cancelWithNewURL:(NSURL *)imageURL {
    int32_t sentinel;
    dispatch_semaphore_wait(_lock, DISPATCH_TIME_FOREVER);
    if (_operation) {
        [_operation cancel];
        _operation = nil;
    }
    _imageURL = imageURL;
    sentinel = OSAtomicIncrement32(&_sentinel);
    dispatch_semaphore_signal(_lock);
    return sentinel;
}

分类通过runtime将_YYWebImageSetter对象（下称setter对象）绑定到了自己身上，每次调用setImageWithURL:方法时都会获取到这个setter对象，如果setter对象已经开始了一个下载操作，就会将这个下载操作cancel。然后更新_imageURL为新的值，并将_sentinel递增，返回递增后的新值，新值将用于在后续的创建图片下载操作时与旧值进行比对。

下载图片

接下来，会到YYImageCache中根据URL获取UIImage对象，YYImageCache封装了YYMemoryCache和YYDiskCache，所以UIImage的查找操作会先到内存缓存中查找，内存缓存里没有会到磁盘缓存里去找。

如果没找到，会将placeholder赋值给当前分类的image属性，展示占位图；然后切换到指定的串行队列进行下载任务，在这个任务中，会创建YYWebImageProgressBlock和YYWebImageCompletionBlock两个block用于图片下载中和下载完成的回调，任务的最后，会调用setter对象的方法，在这个方法中创建一个图片下载操作，方法实现如下：

- (int32_t)setOperationWithSentinel:(int32_t)sentinel
                                url:(NSURL *)imageURL
                            options:(YYWebImageOptions)options
                            manager:(YYWebImageManager *)manager
                           progress:(YYWebImageProgressBlock)progress
                          transform:(YYWebImageTransformBlock)transform
                         completion:(YYWebImageCompletionBlock)completion {
    if (sentinel != _sentinel) {
        if (completion) completion(nil, imageURL, YYWebImageFromNone, YYWebImageStageCancelled, nil);
        return _sentinel;
    }
    
    NSOperation *operation = [manager requestImageWithURL:imageURL options:options progress:progress transform:transform completion:completion];
    if (!operation && completion) {
        NSDictionary *userInfo = @{ NSLocalizedDescriptionKey : @"YYWebImageOperation create failed." };
        completion(nil, imageURL, YYWebImageFromNone, YYWebImageStageFinished, [NSError errorWithDomain:@"com.ibireme.yykit.webimage" code:-1 userInfo:userInfo]);
    }
    
    dispatch_semaphore_wait(_lock, DISPATCH_TIME_FOREVER);
    if (sentinel == _sentinel) {
        if (_operation) [_operation cancel];
        _operation = operation;
        sentinel = OSAtomicIncrement32(&_sentinel);
    } else {
        [operation cancel];
    }
    dispatch_semaphore_signal(_lock);
    return sentinel;
}

在方法实现中，首先会比对新旧两个哨兵变量的值（ps：新值是我们在前面说到的通过调用setter对象的cancelWithNewURL:方法获取的到的），如果两个值不相等，则会执行completion block，告诉调用方本次图片下载操作被取消了，如果两个值相等，表明该图片是第一次下载，通过YYWebImageManager创建一个下载操作（YYWebImageOperation类型），接下来，会再次判断新旧两个哨兵变量的值（可能存在来回滑动UITableView的操作导致cell频繁出现在屏幕内），如果两次值相同，就会取消上一次的图片下载操作，将_opration赋值为新的operation，并原子递增_sentinel；如果两次值不同，就取消本次下载操作。

在利用YYWebImageManager生成新的operation的同时，方法内部创建完operation后就会将其放入到专门用来做下载任务的队列，然后执行其任务。

在上一步中，每个operation的类型都是YYWebImageOperation，在YYWebImageOperation中，封装了下载操作的具体实现细节，值得一提的是，当前版本的图片下载操作仍然使用的是NSURLConnection，所以这里利用runloop开启了一条常驻线程，保证下载图片操作不会中断。

这个类中其他的方法实现，就是根据当前操作的executing、finished、cancelled、started等状态执行不同的操作，这里有一个值得注意的细节，就是对于下载图片的操作以及取消操作这些任务都是放在runloop的NSDefaultRunLoopMode下执行的。

图片缓存

---

YYImage的缓存类是YYImageCache，和SDWebImage相比，最大的不通是SDWebImage是基于NSCache做的图片缓存，YYImageCache是基于YYKit的另一个组件库YYCache做的图片缓存。

YYImageCache直接内置了YYMemoryCache和YYDiskCache，对内存缓存和磁盘缓存的操作都是基于这两个类来做的。

关于YYCache的源码分析，这里是入口。

图片解码

---

该支持解码动画WebP，APNG，GIF和系统图像格式，如PNG，JPG，JP2，BMP，TIFF，PIC，ICNS和ICO。 它可以使用解码完整的图像数据，或解码图像期间的增量图像数据下载，并且这个类是线程安全的。

对图像解码有兴趣的可以看看YYImageDecoder这个类，因为这个类代码较多，并不是所有代码都值得看，这里直接分享一些关于图片解压缩的资源，看完资源相信你就会对YYImageDecoder所做的事有彻底的了解。

https://github.com/path/FastImageCache
https://developer.apple.com/library/content/documentation/GraphicsImaging/Conceptual/drawingwithquartz2d/Introduction/Introduction.html
https://www.cocoanetics.com/2011/10/avoiding-image-decompression-sickness/
http://stackoverflow.com/questions/23790837/what-is-byte-alignment-cache-line-alignment-for-core-animation-why-it-matters

YYImage

---

YYImage对象是显示动画图像数据的高级方法。

它是一个完全兼容的UIImage子类。它扩展了UIImage支持动画WebP，APNG和GIF格式图像数据解码。 它也是支持NSCoding协议来存档和取消归档多帧图像数据。

如果图像是从多帧图像数据创建的，并且您想要播放动画，尝试用YYAnimatedImageView替换UIImageView。

YYImage有4个类方法：

+ (nullable YYImage *)imageNamed:(NSString *)name; // no cache!
+ (nullable YYImage *)imageWithContentsOfFile:(NSString *)path;
+ (nullable YYImage *)imageWithData:(NSData *)data;
+ (nullable YYImage *)imageWithData:(NSData *)data scale:(CGFloat)scale;

前面3个方法最终都会调用最后一类个方法，最后一个类方法实现如下：

- (instancetype)initWithData:(NSData *)data scale:(CGFloat)scale {
    if (data.length == 0) return nil;
    if (scale <= 0) scale = [UIScreen mainScreen].scale;
    _preloadedLock = dispatch_semaphore_create(1);
    @autoreleasepool {
        YYImageDecoder *decoder = [YYImageDecoder decoderWithData:data scale:scale];
        YYImageFrame *frame = [decoder frameAtIndex:0 decodeForDisplay:YES];
        UIImage *image = frame.image;
        if (!image) return nil;
        self = [self initWithCGImage:image.CGImage scale:decoder.scale orientation:image.imageOrientation];
        if (!self) return nil;
        _animatedImageType = decoder.type;
        if (decoder.frameCount > 1) {
            _decoder = decoder;
            _bytesPerFrame = CGImageGetBytesPerRow(image.CGImage) * CGImageGetHeight(image.CGImage);
            _animatedImageMemorySize = _bytesPerFrame * decoder.frameCount;
        }
        self.isDecodedForDisplay = YES;
    }
    return self;
}

其中最核心的两行代码：

YYImageDecoder *decoder = [YYImageDecoder decoderWithData:data scale:scale];
YYImageFrame *frame = [decoder frameAtIndex:0 decodeForDisplay:YES];

在YYImageDecoder的decoderWithData:scale:方法中，会经过一系列的方法调用，对UIImage的二进制数据进行处理，利用YYImageDetectType函数获取图片类型（png、jpeg、webP等等），对于不同的图片类型，生成不同的_YYImageDecoderFrame对象，在_YYImageDecoderFrame对象的_frameAtIndex:decodeForDisplay:方法调用栈中，会利用CPU对图像数据进行强制编解码生成位图，根据位图再生成UIImage对象，这些都是同步操作。

所以，假如你想使用contentOfFile:方法从沙盒读取图片时，建议使用YYImage的同名方法，YYImage会提前对图像数据进行编解码，避免等到真正需要显示的时候才去进行编解码。