iOS SDWebImage 学习

时间 2019-11-07

标签 ios sdwebimage 学习栏目 iOS 繁體版

原文原文链接

官方SDWebImage的架构图

SDWebImage库的做用：

经过对UIImageView的类别扩展来实现异步加载替换图片的工做。
主要用到的对象：html

UIImageView (WebCache)类别，入口封装，实现读取图片完成后的回调
SDWebImageManager，对图片进行管理的中转站，记录哪些图片正在读取
(1)向下层读取Cache（调用SDImageCache），或者向网络读取对象（调用SDWebImageDownloader）。 (2)实现SDImageCache和SDWebImageDownloader的回调
SDImageCache
(1)根据URL的MD5摘要对图片进行存储和读取（实现存在内存中或者存在硬盘上两种实现）
(2)实现图片和内存清理工做
SDWebImageDownloader，根据URL向网络读取数据（实现部分读取和所有读取后再通知回调两种方式）

SDWebImage 缓存流程

以最为经常使用的UIImageView为例:git

UIImageView+WebCache: setImageWithURL:placeholderImage:options: 先显示 placeholderImage ，同时由SDWebImageManager 根据 URL 来在本地查找图片。
SDWebImageManager: downloadWithURL:delegate:options:userInfo: SDWebImageManager是将UIImageView+WebCache同SDImageCache连接起来的类， SDImageCache： queryDiskCacheForKey:delegate:userInfo:用来根据CacheKey查找图片是否已经在缓存中
若是内存中已经有图片缓存， SDWebImageManager会回调SDImageCacheDelegate : imageCache:didFindImage:forKey:userInfo:
而 UIImageView+WebCache 则回调SDWebImageManagerDelegate: webImageManager:didFinishWithImage:来显示图片。
若是内存中没有图片缓存，那么生成 NSInvocationOperation 添加到队列，从硬盘查找图片是否已被下载缓存。
根据 URLKey 在硬盘缓存目录下尝试读取图片文件。这一步是在 NSOperation 进行的操做，因此回主线程进行结果回调 notifyDelegate:。
若是上一操做从硬盘读取到了图片，将图片添加到内存缓存中（若是空闲内存太小，会先清空内存缓存）。SDImageCacheDelegate 回调 imageCache:didFindImage:forKey:userInfo:。进而回调展现图片。
若是从硬盘缓存目录读取不到图片，说明全部缓存都不存在该图片，须要下载图片，回调 imageCache:didNotFindImageForKey:userInfo:。
共享或从新生成一个下载器 SDWebImageDownloader 开始下载图片。
图片下载由 NSURLSession 来作，实现相关 delegate 来判断图片下载中、下载完成和下载失败。
connection:didReceiveData: 中利用 ImageIO 作了按图片下载进度加载效果。
connectionDidFinishLoading: 数据下载完成后交给 SDWebImageDecoder 作图片解码处理。
图片解码处理在一个 NSOperationQueue 完成，不会拖慢主线程 UI。若是有须要对下载的图片进行二次处理，最好也在这里完成，效率会好不少。
在主线程 notifyDelegateOnMainThreadWithInfo: 宣告解码完成，imageDecoder:didFinishDecodingImage:userInfo: 回调给 SDWebImageDownloader。
imageDownloader:didFinishWithImage: 回调给 SDWebImageManager 告知图片下载完成。
通知全部的 downloadDelegates 下载完成，回调给须要的地方展现图片。
将图片保存到 SDImageCache 中，内存缓存和硬盘缓存同时保存。
写文件到硬盘在单独 NSInvocationOperation 中完成，避免拖慢主线程。
若是是在iOS上运行，SDImageCache 在初始化的时候会注册notification 到UIApplicationDidReceiveMemoryWarningNotification 以及 UIApplicationWillTerminateNotification,在内存警告的时候清理内存图片缓存，应用结束的时候清理过时图片。
SDWebImagePrefetcher 能够预先下载图片，方便后续使用。

SDWebImage 使用

查看缓存大小github

- (NSString *)readSDWebImageCache {
    NSUInteger size = [SDImageCache sharedImageCache].getSize;
    // 1k = 1024, 1m = 1024k
    if (size < 1024) { // 小于1k
        return [NSString stringWithFormat:@"%ldB",(long)size];
    }else if (size < 1024 * 1024) { // 小于1m
        CGFloat aFloat = size/1024;
        return [NSString stringWithFormat:@"%.0fK",aFloat];
    }else if (size < 1024 * 1024 * 1024) { // 小于1G
        CGFloat aFloat = size/(1024 * 1024);
        return [NSString stringWithFormat:@"%.1fM",aFloat];
    }else {
        CGFloat aFloat = size/(1024*1024*1024);
        return [NSString stringWithFormat:@"%.1fG",aFloat];
    }
}
复制代码

清除缓存web

- (void)clearDisk {
    NSLog(@"SDWebImageCache---%@", [self readSDWebImageCache]);
    [[SDImageCache sharedImageCache] clearDiskOnCompletion:nil];
    [[SDImageCache sharedImageCache] clearMemory]; //可不写
    NSLog(@"SDWebImageCache2---%@", [self readSDWebImageCache]);
}
复制代码

SDWebImage 缓存

清理缓存图片的策略：

特别是最大缓存空间大小的设置。若是全部缓存文件的总大小超过这一大小，则会按照文件最后修改时间的逆序，以每次一半的递归来移除那些过早的文件，直到缓存的实际大小小于咱们设置的最大使用空间。
注意：它默认只支持超过7天的图片清除。不对图片缓存大小进行控制。固然它已经作了这种机制，只是maxCacheSize为默认值0，因此不生效。

NSArray *resourceKeys = @[NSURLIsDirectoryKey,   NSURLContentModificationDateKey, NSURLTotalFileAllocatedSizeKey];

NSDirectoryEnumerator *fileEnumerator = [_fileManager enumeratorAtURL:diskCacheURL
                                            includingPropertiesForKeys:resourceKeys                                                              options:NSDirectoryEnumerationSkipsHiddenFiles
                                                          errorHandler:NULL];
复制代码

归档过时缓存

for (NSURL *fileURL in fileEnumerator) {
     ......
     // 根据文件路径最后修改时间来获取内容
     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];
 } 
复制代码

重置缓存大小

// 依据文件修改时间，对未过时的文件进行升序排序.
 NSArray *sortedFiles = [cacheFiles keysSortedByValueWithOptions:NSSortConcurrent
                                                 usingComparator:^NSComparisonResult(id obj1, id obj2) {
                                                     return [obj1[NSURLContentModificationDateKey] compare:obj2[NSURLContentModificationDateKey]];
                                                 }];
 
 // 根据设定的缓存大小，对当前缓存进行调整，删除那些快过时的文件，使当前总的文件大小小与设定的缓存大小。
 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;
         }
     }
 }
复制代码

app事件注册使用经典的观察者模式，当观察到内存警告、程序被终止、程序进入后台这些事件时，程序将自动调用相应的方法处理

当收到系统内存告警通知时，对内存缓存进行处理

[[NSNotificationCenter defaultCenter] addObserver:self
                                           selector:@selector(clearMemory)
                                               name:UIApplicationDidReceiveMemoryWarningNotification
                                             object:nil];
                                             
                                             
复制代码

当进程终止时，对缓存文件进行处理

[[NSNotificationCenter defaultCenter] addObserver:self
                                           selector:@selector(cleanDisk)
                                               name:UIApplicationWillTerminateNotification
                                             object:nil];
复制代码

当进入后台运行时，对缓存文件进行处理

[[NSNotificationCenter defaultCenter] addObserver:self
                                           selector:@selector(backgroundCleanDisk)
                                               name:UIApplicationDidEnterBackgroundNotification
                                             object:nil];
复制代码

SDWebImage 源码解析

SDImageDownloader负责管理全部的下载任务，具体的下载任务由SDImageDownloaderOperation类负责。

SDWebImageDownloaderOperation
SDWebImageDownloaderOperation源码解析
开发者就能够不使用SDWebImage提供的下载任务类，而能够自定义相关类，只须要遵照协议便可，SDWebImageDownloaderOperation类也遵照了该协议，该类继承自 NSOperation 主要是为了将任务加进并发队列里实现多线程下载多张图片，真正实现下载操做的是 NSURLSessionTask 类的子类，这里就能够看出 SDWebImage 使用 NSURLSession 实现下载图片的功能
SDImageDownloader
SDImageDownloader源码解析
SDWebImage主要使用了自定义NSOperation子类，并在这个自定义NSOperation子类中经过一个可用的NSURLSession来建立一个执行服务器交互数据的NSURLSessionDataTask的下载任务，并由其全权负责下载工做，接着使用NSOperationQueue实现多线程的多图片下载。

其余

常见SDWebImageOptions
SDWebImageRetryFailed, 下载失败后会自动从新下载
SDWebImageLowPriority, 当正在与UI进行交互时，自动暂停内部的一些下载功能
SDWebImageRetryFailed | SDWebImageLowPriority，同时存在上边两种
SDWebImageCacheMemoryOnly，取消磁盘缓存只有内存缓存
SDWebImageProgressiveDownload，默认状况，图像会在下载完成后一次性显示
默认存储法都是是内存缓存和磁盘缓存结合的方式。若是你只须要内存缓存，那么在带options选项的方法options这里选择SDWebImageCacheMemoryOnly就能够了
对于图片的缓存实际应用的是NSURLCache自带的cache机制。NSURLCache每次都要把缓存的raw data 再转化为UIImage
SDWebImage提供了以下三个category来进行缓存
MKAnnotationView(WebCache)
UIButton(WebCache)
UIImageView(WebCache)

好比在下载某个图片的过程当中要响应一个事件，就覆盖这个方法：

[[SDWebImageManager sharedManager].imageDownloader downloadImageWithURL:urlPath options:0 progress:^(NSInteger receivedSize, NSInteger expectedSize, NSURL * _Nullable targetURL) {
   NSLog(@"下载进度---%f", (float)receivedSize/expectedSize);
} completed:^(UIImage * _Nullable image, NSData * _Nullable data, NSError * _Nullable error, BOOL finished) {
   NSLog(@"下载完成---%@", [NSThread currentThread]);
}];
复制代码

图片下载速度不一致，用户快速滚动的时候，会由于cell重用致使图片混乱
解决办法：MVC，使用模型保持下载的图像，再次刷新表格。
将图像保存到模型里的优缺点
优势：不用重复下载，利用MVC刷新表格，不会形成数据混乱，加载速度比较快
缺点：内存。全部下载好的图像，都会记录在模型里。若是数据比较多(2000)形成内存警告
图片格式简介
PNG：无损压缩，压缩比较低，PNG图片通常会比JPG大。（GPU解压缩的消耗很是小，解压缩的速度比较快，比较清晰，苹果推荐使用）
JPG：有损压缩！压缩比很是高！照相机使用（GPU解压缩的消耗很是大）
GIF：动图
BMP：位图，没有任何压缩，几乎不用
SDWebImage本身的编解码技术
在展现一张图片的时候常使用imageNamed:这样的类方法去获取并展现这张图片，可是图片是以二进制的格式保存在磁盘或内存中的，若是要展现一张图片须要根据图片的不一样格式去解码为正确的位图交由系统控件来展现，而解码的操做默认是放在主线程执行，凡是放在主线程执行的任务都务必须要考虑清楚，若是有大量图片要展现，就会在主线程中执行大量的解码任务，势必会阻塞主线程形成卡顿，因此SDWebImage本身实现相关的编解码操做，并在子线程中处理，就不会影响主线程的相关操做