关于SDWebImage

457 阅读4分钟

框架解析 juejin.cn/post/703806…

##原理 SDWebImage是一个很厉害的图片缓存的框架。既ASIHttp+AsyncImage之后,我一直使用AFNetworking集成的UIImageView+AFNetworking.h,但后者对于图片的缓存实际应用的是NSURLCache自带的cache机制。而NSURLCache每次都要把缓存的raw  data 再转化为UIImage,就带来了数据处理和内存方面的更多操作。具体的比较在这里

        SDWebImage提供了如下三个category来进行缓存。

    • MKAnnotationView(WebCache)

    • UIButton(WebCache)

    • UIImageView(WebCache)

        以最为常用的UIImageView为例:

1、UIImageView+WebCache: setImageWithURL: placeholderImage: options: 

    先显示 placeholderImage,同时由SDWebImageManager 根据 URL 来在本地查找图片。

    2、SDWebImageManager: downloadWithURL: delegate: options: userInfo:

    SDWebImageManager是将UIImageView+WebCache同SDImageCache链接起来的类,     SDImageCache:queryDiskCacheForKey:delegate:userInfo:

    用来从缓存根据CacheKey查找图片是否已经在缓存中

    3、如果内存中已经有图片缓存, SDWebImageManager会回调SDImageCacheDelegate: imageCache: didFindImage: forKey: userInfo:

    4、而 UIImageView+WebCache 则回调SDWebImageManagerDelegate:  webImageManager: didFinishWithImage: 来显示图片。

    5、如果内存中没有图片缓存,那么生成 NSInvocationOperation 添加到队列,从硬盘查找图片是否已被下载缓存。

    6、根据 URLKey 在硬盘缓存目录下尝试读取图片文件。这一步是在 NSOperation 进行的操作,所以回主线程进行结果回调 notifyDelegate:。

    7、如果上一操作从硬盘读取到了图片,将图片添加到内存缓存中(如果空闲内存过小,会先清空内存缓存)。SDImageCacheDelegate 回调 imageCache:didFindImage:forKey:userInfo:。进而回调展示图片。

    8、如果从硬盘缓存目录读取不到图片,说明所有缓存都不存在该图片,需要下载图片,回调imageCache:didNotFindImageForKey:userInfo:。

    9、共享或重新生成一个下载器 SDWebImageDownloader 开始下载图片。

    10、图片下载由 NSURLConnection 来做,实现相关 delegate 来判断图片下载中、下载完成和下载失败。

    11、connection:didReceiveData: 中利用 ImageIO 做了按图片下载进度加载效果。

    12、connectionDidFinishLoading: 数据下载完成后交给 SDWebImageDecoder 做图片解码处理。

    13、图片解码处理在一个 NSOperationQueue 完成,不会拖慢主线程 UI。如果有需要对下载的图片进行二次处理,最好也在这里完成,效率会好很多。

    14、在主线程 notifyDelegateOnMainThreadWithInfo: 宣告解码完成,imageDecoder: didFinishDecodingImage: userInfo: 回调给 SDWebImageDownloader。

    15、imageDownloader:didFinishWithImage: 回调给 SDWebImageManager 告知图片下载完成。

    16、通知所有的 downloadDelegates 下载完成,回调给需要的地方展示图片。

    17、将图片保存到 SDImageCache 中,内存缓存和硬盘缓存同时保存。

    18、写文件到硬盘在单独 NSInvocationOperation 中完成,避免拖慢主线程。

    19、如果是在iOS上运行,SDImageCache 在初始化的时候会注册notification 到 UIApplicationDidReceiveMemoryWarningNotification以及 UIApplicationWillTerminateNotification,在内存警告的时候清理内存图片缓存,应用结束的时候清理过期图片。

    20、SDWebImagePrefetcher 可以预先下载图片,方便后续使用。

##常见问题 ###使用SDWebImage加载大量图片后造成内存泄露的解决办法 最近在使用过程中发现,在UITableView中不断加载更多的内容,使用SDWebImage会造成内存占用越来越大,导致memory warning最终terminate,稍微找了下问题原因,发现不少开发者都遇到过这个问题,中文的资料没有搜到该问题的解决办法,在此记录一下解决方法。

###首先检查了SDWebImage代码中对于memory warning的处理:

  • (void)clearMemory { [self.memCache removeAllObjects]; } 其中self.memCache是NSCache类型的,可以看到SDWebImage本身对内存警告执行了操作,但是并没有什么效果。

最开始我在receive memory warning的时候调用了这段代码 [[SDImageCache sharedImageCache] setValue:nil forKey:@"memCache"]; 仅调用了一次发现还是没啥效果,于是我尝试了每次加载更多内容的时候都执行一次,终于内存不再持续增加了,内存占用大的问题就解决了。

##在使用SDWebImage加载较多图片造成内存警告时,定期调用: [[SDImageCache sharedImageCache] setValue:nil forKey:@"memCache"];

###下载大量图片导致内存告警 1、CGBitmapContextCreateImage绘制的图片会造成内存无法释放,应该换用CGDataProviderCreateWithCFData;

    2、加载大量图片时,SD会将图片进行解压(加快渲染速度,但是内存会增大差不多一倍),然后将解压后的Image数据缓存在内存中,从而导致内存暴涨;

以下代码具有内存泄露问题: // 原始方案

    UIGraphicsBeginImageContextWithOptions(imageSize,YES, 0);

    [image drawInRect: imageRect];

    UIImage *imgData = UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();

    return imgData;

//   改进方案

        CGImageRef imgRef =CGImageCreateWithImageInRect(image.CGImage,CGRectMake(0,0,image.size.width,image.size.height));

        UIGraphicsBeginImageContextWithOptions(imageSize, YES, 0);

        CGContextRef context = UIGraphicsGetCurrentContext();

        CGContextDrawImage(context, imageRect, imgRef);

//     [image drawInRect: imageRect];

        UIImage *imgData = UIGraphicsGetImageFromCurrentImageContext();

        UIGraphicsEndImageContext();

        CGImageRelease(imgRef);

        UIImage *data = [self verticallyFlipImage: imgData];

        return data;