iOS第三方库—源码分析洋洋洒洒又一年点滴记录技术栈

iOS源码解析—SDWebImage(SDImageCache)

2017-04-12  本文已影响140人  egoCogito_panf

概述

SDWebImage是iOS开发中加载图片的库,文件目录的结构按照功能可以分为4个部分:

数据缓存类:SDImageCache

数据下载类:SDWebImageDownloader、SDWebImageDownloaderOperation

工具类:SDWebImageManager、NSData+ImageContentType、SDWebImageCompat、UIImage+GIF等

UI的category:UIImageView+WebCache、UIButton+WebCache、UIImageView+HighlightedWebCache等。

本篇学习并分析一下缓存类SDImageCache。SDImageCache提供了内存和硬盘两种方式缓存图片数据,对于内存缓存,直接将图片对象UIImage存入即可,对于硬盘缓存,先将UIImage对象序列化为NSData字节流,写入文件中。下面是SDImageCache的主要属性:

@interface SDImageCache ()
@property (strong, nonatomic) NSCache *memCache; //内存缓存
@property (strong, nonatomic) NSString *diskCachePath; //硬盘缓存
@property (strong, nonatomic) NSMutableArray *customPaths; //自定义硬盘缓存路径
@property (SDDispatchQueueSetterSementics, nonatomic) dispatch_queue_t ioQueue; //串行队列,执行存储操作时的队列
@end

其中NSCache对象memCache负责将UIImage对象存入内存中,diskCachePath是存入图片数据存入硬盘的路径,customPaths是自定义的硬盘存储路径。ioQueue是串行队列,由于存储图片数据是I/O操作,在ioQueue中执行优化可以提升主线程的流畅度。

初始化方法

  1. -(id)initWithNamespace:

    - (id)initWithNamespace:(NSString *)ns {
        NSString *path = [self makeDiskCachePath:ns]; //创建文件读写路径
        return [self initWithNamespace:ns diskCacheDirectory:path]; //初始化参数
    }
    

    该方法首先调用makeDiskCachePath方法创建文件读写路径,在文件系统的cache目录中添加子目录,然后调用initWithNamespace:diskCacheDirectory:方法初始化参数。

  2. -(id)initWithNamespace:diskCacheDirectory:

    - (id)initWithNamespace:(NSString *)ns diskCacheDirectory:(NSString *)directory {
        if ((self = [super init])) {
            NSString *fullNamespace = [@"com.hackemist.SDWebImageCache." stringByAppendingString:ns]; //文件缓存目录名
            // PNG格式前缀
            kPNGSignatureData = [NSData dataWithBytes:kPNGSignatureBytes length:8];
            // 串行队列
            _ioQueue = dispatch_queue_create("com.hackemist.SDWebImageCache", DISPATCH_QUEUE_SERIAL);
            // 最大缓存期限
            _maxCacheAge = kDefaultCacheMaxCacheAge;
            // NSCache对象,用于内存缓存
            _memCache = [[AutoPurgeCache alloc] init];
            _memCache.name = fullNamespace;
    
            // 创建文件缓存目录路径
            if (directory != nil) {
                _diskCachePath = [directory stringByAppendingPathComponent:fullNamespace];
            } else {
                NSString *path = [self makeDiskCachePath:ns];
                _diskCachePath = path;
            }
            //需要解压缩
            _shouldDecompressImages = YES;
            // 需要缓存到内存
            _shouldCacheImagesInMemory = YES;
            // 禁用icloud
            _shouldDisableiCloud = YES;
            dispatch_sync(_ioQueue, ^{
                _fileManager = [NSFileManager new];
            });
          ...
        return self;
    }
    

    该方法初始化一系列参数,主要是创建用于内存缓存的对象memCache,文件缓存的路径diskCachePath,设置标志位(需要解压缩、需要缓存内存、禁用iCloud)。初始化完成后,SDImageCache提供了存储数据、查询数据、删除数据等功能。

存储图片数据

存储数据调用的方法是-(void)storeImage:recalculateFromImage:imageData:forKey:toDisk:,代码注释如下:

- (void)storeImage:(UIImage *)image recalculateFromImage:(BOOL)recalculate imageData:(NSData *)imageData forKey:(NSString *)key toDisk:(BOOL)toDisk {
    if (!image || !key) {
        return;
    }
    if (self.shouldCacheImagesInMemory) {
        NSUInteger cost = SDCacheCostForImage(image);
        [self.memCache setObject:image forKey:key cost:cost]; //UIImage存入内存
    }
    if (toDisk) {
        dispatch_async(self.ioQueue, ^{ //在ioQueue中执行存储逻辑
            NSData *data = imageData;
            if (image && (recalculate || !data)) {
                int alphaInfo = CGImageGetAlphaInfo(image.CGImage);
                BOOL hasAlpha = !(alphaInfo == kCGImageAlphaNone ||
                                  alphaInfo == kCGImageAlphaNoneSkipFirst ||
                                  alphaInfo == kCGImageAlphaNoneSkipLast);
                BOOL imageIsPng = hasAlpha; //是否包含透明度信息

                // 是否包含透明度信息
                if ([imageData length] >= [kPNGSignatureData length]) {
                    imageIsPng = ImageDataHasPNGPreffix(imageData);
                }

                if (imageIsPng) { // 包含透明度信息,属于PNG格式的图片,image转成NSData
                    data = UIImagePNGRepresentation(image);
                }
                else { // 不包含透明度信息,属于JPEG格式的图片,image转成NSData
                    data = UIImageJPEGRepresentation(image, (CGFloat)1.0);
                }
            }
            [self storeImageDataToDisk:data forKey:key]; //存储数据
        });
    }
}

首先根据shouldCacheImagesInMemory判断是否先写入内存,如果为YES,则将UIImage写入memCache中,然后在ioQueue队列中将UIImage转成NSData,首先判断是否有透明度信息,通过ImageDataHasPNGPreffix方法可以判断图片是否是PNG格式,如果是PNG格式,则调用UIImagePNGRepresentation方法转换,否则用UIImageJPEGRepresentation方法转成NSData,最后调用storeImageDataToDisk:forKey:方法存储数据。storeImageDataToDisk:forKey:方法的代码注释如下:

- (void)storeImageDataToDisk:(NSData *)imageData forKey:(NSString *)key {
    if (!imageData) {
        return;
    }
    //创建文件存储目录
    if (![_fileManager fileExistsAtPath:_diskCachePath]) {
        [_fileManager createDirectoryAtPath:_diskCachePath withIntermediateDirectories:YES attributes:nil error:NULL];
    }
    //写入图片数据的文件路径
    NSString *cachePathForKey = [self defaultCachePathForKey:key];
    NSURL *fileURL = [NSURL fileURLWithPath:cachePathForKey];
    //写入图片数据imageData到文件路径中
    [_fileManager createFileAtPath:cachePathForKey contents:imageData attributes:nil];
    //禁用iCloud
    if (self.shouldDisableiCloud) {
        [fileURL setResourceValue:[NSNumber numberWithBool:YES] forKey:NSURLIsExcludedFromBackupKey error:nil];
    }
}

该方法负责写入图片数据到文件中,首先判存储数据的目录是否存在,如不存在,先创建目录,然后获取写入图片数据的文件路径,调用createFileAtPath:contents:attributes:方法写入图片数据到文件中。最后调用setResourceValue:forKey:error:方法设置禁用iCloud备份。其中defaultCachePathForKey:方法的注释如下:

- (NSString *)cachePathForKey:(NSString *)key inPath:(NSString *)path {
    NSString *filename = [self cachedFileNameForKey:key];
    return [path stringByAppendingPathComponent:filename];
}

- (NSString *)defaultCachePathForKey:(NSString *)key {
    return [self cachePathForKey:key inPath:self.diskCachePath];
}

- (NSString *)cachedFileNameForKey:(NSString *)key {
    const char *str = [key UTF8String];
    if (str == NULL) {
        str = "";
    }
    unsigned char r[CC_MD5_DIGEST_LENGTH];
    CC_MD5(str, (CC_LONG)strlen(str), r);
    NSString *filename = [NSString stringWithFormat:@"%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%@",
                          r[0], r[1], r[2], r[3], r[4], r[5], r[6], r[7], r[8], r[9], r[10],
                          r[11], r[12], r[13], r[14], r[15], [[key pathExtension] isEqualToString:@""] ? @"" : [NSString stringWithFormat:@".%@", [key pathExtension]]];

    return filename;
}

该方法调用cachePathForKey:inPath:方法首先得到缓存key的md5值,然后将md5值拼接在path后面返回,作为写入图片数据的文件路径。

访问图片数据

访问图片数据的方法主要有以下几个:

  1. -(UIImage *)imageFromMemoryCacheForKey:方法,代码注释如下:

    - (UIImage *)imageFromMemoryCacheForKey:(NSString *)key {
        return [self.memCache objectForKey:key]; //从内存中取数据
    }
    

    该方法从内存中取图片对象。

  2. -(UIImage *)imageFromDiskCacheForKey:方法,代码注释如下:

    - (UIImage *)imageFromDiskCacheForKey:(NSString *)key {
        // 首先从内存中取
        UIImage *image = [self imageFromMemoryCacheForKey:key];
        if (image) {
            return image;
        }
        // 如果内存中没有数据,则从文件中取
        UIImage *diskImage = [self diskImageForKey:key];
        if (diskImage && self.shouldCacheImagesInMemory) {
            NSUInteger cost = SDCacheCostForImage(diskImage);
            [self.memCache setObject:diskImage forKey:key cost:cost]; //数据写入内存
        }
        return diskImage;
    }
    

    该方法首先从内存中去图片,如果有直接返回,如果没有,则调用diskImageForKey:方法从文件中取,如果存在,则将图片数据存入内存中,最后返回。diskImageForKey:方法返回文件中写入的图片,代码注释如下:

    - (UIImage *)diskImageForKey:(NSString *)key {
        NSData *data = [self diskImageDataBySearchingAllPathsForKey:key]; //从文件中获取NSData数据
        if (data) {
            UIImage *image = [UIImage sd_imageWithData:data]; //转化为UIImage
            image = [self scaledImageForKey:key image:image]; //转化UIImage
            if (self.shouldDecompressImages) {
                image = [UIImage decodedImageWithImage:image]; //将image转化为位图image
            }
            return image;
        }
        else {
            return nil;
        }
    }
    

    该方法首先调用diskImageDataBySearchingAllPathsForKey:方法从文件中获取缓存数据,然后调用sd_imageWithData:方法根据data创建UIImage对象,然后调用decodedImageWithImage:方法将image转成位图格式的image。该方法代码注释如下:

    + (UIImage *)decodedImageWithImage:(UIImage *)image {
        if (image == nil) {
            return nil;
        }
        
        @autoreleasepool{
            if (image.images != nil) {
                return image;
            }
            
            CGImageRef imageRef = image.CGImage;
            //如果有alpha信息,则不转化,直接返回image
            CGImageAlphaInfo alpha = CGImageGetAlphaInfo(imageRef);
            BOOL anyAlpha = (alpha == kCGImageAlphaFirst ||
                             alpha == kCGImageAlphaLast ||
                             alpha == kCGImageAlphaPremultipliedFirst ||
                             alpha == kCGImageAlphaPremultipliedLast);
            if (anyAlpha) {
                return image;
            }
            //获取图像的相关参数
            CGColorSpaceModel imageColorSpaceModel = CGColorSpaceGetModel(CGImageGetColorSpace(imageRef));
            CGColorSpaceRef colorspaceRef = CGImageGetColorSpace(imageRef);
            
            BOOL unsupportedColorSpace = (imageColorSpaceModel == kCGColorSpaceModelUnknown ||
                                          imageColorSpaceModel == kCGColorSpaceModelMonochrome ||
                                          imageColorSpaceModel == kCGColorSpaceModelCMYK ||
                                          imageColorSpaceModel == kCGColorSpaceModelIndexed);
            if (unsupportedColorSpace) {
                colorspaceRef = CGColorSpaceCreateDeviceRGB();
            }
            size_t width = CGImageGetWidth(imageRef);
            size_t height = CGImageGetHeight(imageRef);
            NSUInteger bytesPerPixel = 4;
            NSUInteger bytesPerRow = bytesPerPixel * width;
            NSUInteger bitsPerComponent = 8;
    
            //创建context
            CGContextRef context = CGBitmapContextCreate(NULL,
                                                         width,
                                                         height,
                                                         bitsPerComponent,
                                                         bytesPerRow,
                                                         colorspaceRef,
                          kCGBitmapByteOrderDefault|kCGImageAlphaNoneSkipLast);
            
            // 画图像
            CGContextDrawImage(context, CGRectMake(0, 0, width, height), imageRef);
            //获取位图图像
            CGImageRef imageRefWithoutAlpha = CGBitmapContextCreateImage(context);
             //创建UIImage对象
            UIImage *imageWithoutAlpha = [UIImage imageWithCGImage:imageRefWithoutAlpha scale:image.scale                                            orientation:image.imageOrientation];
            
            if (unsupportedColorSpace) {
                CGColorSpaceRelease(colorspaceRef);
            }
            CGContextRelease(context);
            CGImageRelease(imageRefWithoutAlpha);
            return imageWithoutAlpha;
        }
    }
    

    该方法首先判断图片是否包含alpha信息,如果包含则不转化直接返回。如果不包含则获取相关参数创建上下文context对象,然后绘制位图,并调用CGBitmapContextCreateImage方法取出位图对象,最后调用imageWithCGImage:scale:orientation:方法生成UIImage对象并返回。imageRefWithoutAlpha是位图,宽和高都是图像的真是像素值,而imageWithoutAlpha对象则包含scale和imageOrientation信息,宽和高是根据scale比例缩放的宽和高。例如一张@2x的图片,像素宽和高是512和256,在retina屏幕上的imageWithoutAlpha对象的宽和高是256和128,scale是2。imageRefWithoutAlpha的宽和高是512和256。

    之所以需要调用decodedImageWithImage:方法的原因是,通常APP加载的图片源是PNG或者JPEG格式,当调用图片控件UIImageView加载图片的时候,首先需要将其转成位图格式,然后渲染在屏幕上。预先在子线程中进行转化,可以使UIImageView直接加载位图,提升图片加载的性能。

  3. -(NSOperation *)queryDiskCacheForKey: done: 方法

    该方法通过block的方式异步返回缓存的图片,首先从内存中获取图片,如果有则直接回调给上层。如果没有,再从文件中获取图片,如能获取到,则写入内存,同时将获取到图片回调给上层。代码注释如下:

    - (NSOperation *)queryDiskCacheForKey:(NSString *)key done:(SDWebImageQueryCompletedBlock)doneBlock {
        if (!doneBlock) {
            return nil;
        }
        if (!key) {
            doneBlock(nil, SDImageCacheTypeNone);
            return nil;
        }
        // 从内存中获取图片
        UIImage *image = [self imageFromMemoryCacheForKey:key];
        if (image) {
            doneBlock(image, SDImageCacheTypeMemory); //能够取到,直接回调给上层
            return nil;
        }
        NSOperation *operation = [NSOperation new];
        dispatch_async(self.ioQueue, ^{
            if (operation.isCancelled) {
                return;
            }
            @autoreleasepool {
                UIImage *diskImage = [self diskImageForKey:key]; //从文件中获取图片
                if (diskImage && self.shouldCacheImagesInMemory) {
                    NSUInteger cost = SDCacheCostForImage(diskImage); //写入内存
                    [self.memCache setObject:diskImage forKey:key cost:cost];
                }
                dispatch_async(dispatch_get_main_queue(), ^{
                    doneBlock(diskImage, SDImageCacheTypeDisk); //将图片回调给上层
                });
            }
        });
        return operation;
    }
    

删除图片缓存数据

  1. -(void)removeImageForKey:fromDisk:withCompletion:方法

    该方法删除key对应的缓存数据,分别从内存和文件中删除,代码注释如下:

    - (void)removeImageForKey:(NSString *)key fromDisk:(BOOL)fromDisk withCompletion:(SDWebImageNoParamsBlock)completion {
        if (key == nil) {
            return;
        }
        if (self.shouldCacheImagesInMemory) {
            [self.memCache removeObjectForKey:key]; //从内存中删除图片数据
        }
        if (fromDisk) {
            dispatch_async(self.ioQueue, ^{
                [_fileManager removeItemAtPath:[self defaultCachePathForKey:key] error:nil]; //从文件中删除图片数据
                if (completion) {
                    dispatch_async(dispatch_get_main_queue(), ^{
                        completion();
                    });
                }
            });
        } else if (completion){
            completion();
        }
    }
    
  2. -(void)clearDiskOnCompletion:方法

    该方法通过删除目录的方式删除文件中所有缓存的数据,并重新缓存目录,代码注释如下:

    - (void)clearDiskOnCompletion:(SDWebImageNoParamsBlock)completion
    {
        dispatch_async(self.ioQueue, ^{
            [_fileManager removeItemAtPath:self.diskCachePath error:nil]; //删除存放图片数据的目录
            [_fileManager createDirectoryAtPath:self.diskCachePath
                    withIntermediateDirectories:YES
                                     attributes:nil
                                          error:NULL]; //重新创建目录
            if (completion) {
                dispatch_async(dispatch_get_main_queue(), ^{
                    completion();
                });
            }
        });
    }
    
  3. -(void)cleanDiskWithCompletionBlock:

    该方法根据缓存期限和缓存容量,删除文件中的部分图片数据。代码注释如下:

    - (void)cleanDiskWithCompletionBlock:(SDWebImageNoParamsBlock)completionBlock {
        dispatch_async(self.ioQueue, ^{
            NSURL *diskCacheURL = [NSURL fileURLWithPath:self.diskCachePath isDirectory:YES];
            NSArray *resourceKeys = @[NSURLIsDirectoryKey, NSURLContentModificationDateKey, NSURLTotalFileAllocatedSizeKey];
    
            NSDirectoryEnumerator *fileEnumerator = [_fileManager enumeratorAtURL:diskCacheURL includingPropertiesForKeys:resourceKeys                                                                    options:NSDirectoryEnumerationSkipsHiddenFiles errorHandler:NULL];
         //缓存期限
            NSDate *expirationDate = [NSDate dateWithTimeIntervalSinceNow:-self.maxCacheAge];
            NSMutableDictionary *cacheFiles = [NSMutableDictionary dictionary];
            NSUInteger currentCacheSize = 0;
           
            NSMutableArray *urlsToDelete = [[NSMutableArray alloc] init];
            for (NSURL *fileURL in fileEnumerator) {
                NSDictionary *resourceValues = [fileURL resourceValuesForKeys:resourceKeys error:NULL];
             //如果是目录,忽略
                if ([resourceValues[NSURLIsDirectoryKey] boolValue]) {
                    continue;
                }
             //将过期的缓存数据加入urlsToDelete数组中
                NSDate *modificationDate = resourceValues[NSURLContentModificationDateKey];
                if ([[modificationDate laterDate:expirationDate] isEqualToDate:expirationDate]) {
                    [urlsToDelete addObject:fileURL];
                    continue;
                }
             //计算没有过期的缓存数据的大小
                NSNumber *totalAllocatedSize = resourceValues[NSURLTotalFileAllocatedSizeKey];
                currentCacheSize += [totalAllocatedSize unsignedIntegerValue];
                [cacheFiles setObject:resourceValues forKey:fileURL];
            }
            //删除过期的缓存数据
            for (NSURL *fileURL in urlsToDelete) {
                [_fileManager removeItemAtURL:fileURL error:nil];
            }
    
            //判断没有过期的缓存数据大小是否大于最大缓存容量
            if (self.maxCacheSize > 0 && currentCacheSize > self.maxCacheSize) {
                //如果大于,则设置缓存最大容量的1/2为预留空间大小desiredCacheSize
                const NSUInteger desiredCacheSize = self.maxCacheSize / 2;
    
                //根据修改日期排序
                NSArray *sortedFiles = [cacheFiles keysSortedByValueWithOptions:NSSortConcurrent                                                           usingComparator:^NSComparisonResult(id obj1, id obj2) {
                  return [obj1[NSURLContentModificationDateKey] compare:obj2[NSURLContentModificationDateKey]];}];
    
                // 删除缓存数据,直到缓存数据总大小小于desiredCacheSize
                for (NSURL *fileURL in sortedFiles) {
                    if ([_fileManager removeItemAtURL:fileURL error:nil]) {
                        NSDictionary *resourceValues = cacheFiles[fileURL];
                        NSNumber *totalAllocatedSize = resourceValues[NSURLTotalFileAllocatedSizeKey];
                        currentCacheSize -= [totalAllocatedSize unsignedIntegerValue];
                        if (currentCacheSize < desiredCacheSize) {
                            break;
                        }
                    }
                }
            }
            if (completionBlock) {
                dispatch_async(dispatch_get_main_queue(), ^{
                    completionBlock();
                });
            }
        });
    }
    

    一、该方法遍历文件目录下的所有缓存图片数据,将缓存日期超过最大期限expirationDate的数据删除,同时计算剩余数据的总大小。

    二、判断剩余图片数据的总大小是否大于最大容量maxCacheSize,如果超过,则保留maxCacheSize的1/2空间desiredCacheSize,其余数据删除,具体做法是对剩余图片数据按照修改日期排序,逐个删除,直到总大小小于desiredCacheSize为止。

其他方法

SDWebImage还提供了一些工具方法例如:

  1. -(NSUInteger)getSize方法,用于同步获取缓存在文件中图片数据总大小。

  2. -(NSUInteger)getDiskCount方法,用于同步获取缓存在文件中图片数据的个数。

  3. -(void)calculateSizeWithCompletionBlock:方法,用于异步获取缓存在文件中图片数据总大小。

  4. -(void)backgroundCleanDisk方法,用于在程序进入后台的时候删除超过期限和总大小的图片数据。代码注释如下:

    - (void)backgroundCleanDisk {
        Class UIApplicationClass = NSClassFromString(@"UIApplication");
        if(!UIApplicationClass || ![UIApplicationClass respondsToSelector:@selector(sharedApplication)]) {
            return;
        }
        UIApplication *application = [UIApplication performSelector:@selector(sharedApplication)];
        __block UIBackgroundTaskIdentifier bgTask = [application beginBackgroundTaskWithExpirationHandler:^{
            [application endBackgroundTask:bgTask]; //如果超时,则终止task
            bgTask = UIBackgroundTaskInvalid;
        }];
        //根据缓存期限和缓存容量,删除文件中的部分图片数据
        [self cleanDiskWithCompletionBlock:^{
            [application endBackgroundTask:bgTask];
            bgTask = UIBackgroundTaskInvalid;
        }];
    }
    

    该方法调用系统方法UIApplication的beginBackgroundTaskWithExpirationHandler方法开启一个用于后台执行任务的task,并且设置超时的block。该方法允许在程序进入后台的时候提供一段时间用于执行app未完成的任务,如果超出这段时间,则执行ExpirationHandler的block,调用endBackgroundTask:方法终止task。cleanDiskWithCompletionBlock方法是在后台执行的代码,执行完成后会调用endBackgroundTask:方法终止task。

总结

SDImageCache同时使用内存和文件来缓存数据,设计思路值得学习和借鉴。

上一篇下一篇

猜你喜欢

热点阅读