SDWebImage 对多gif显示内存消耗过高的优化

本文主要是介绍SDWebImage 对多gif显示内存消耗过高的优化，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

内存过高

项目中有时候会遇到当前页面用到大量gif的情况,这个时候如果仅仅用SDWebImage去加载gif的话,会出现内存暴增的现象.
这是因为 SD在对 gif 的处理过程中采用了一个数组存储 gif 的帧图片，当有大量动态图时,大量图片存在内存中,造成了内存暴增的现象.

原因分析

先看SDWebImage的源代码,SDWebImage通过这个类UIImage+GIF.h来处理gif,我们进入头文件发现会调用一个+ (UIImage *)sd_animatedGIFWithData:(NSData *)data 这样的类方法
下面是这个方法的源代码,我已经加了很详细的注释,并且把问题的所在也写的很清楚.

+ (UIImage *)sd_animatedGIFWithData:(NSData *)data {//安全判断if (!data) {return nil;}//二进制类型的转换//CGImageSourceRef是个什么呢? 我们可以看到这是一个typedef CGImageSource * CGImageSourceRef;//这是一个指针,CGImageSource是对图像数据读取任务的抽象，通过它可以获得图像对象、缩略图、图像的属性(包括Exif信息)。CGImageSourceRef source = CGImageSourceCreateWithData((__bridge CFDataRef)data, NULL);//获取有几张图片size_t count = CGImageSourceGetCount(source);//返回的动态图片UIImage *animatedImage;//如果为一张图片,那就只显示一张图片if (count <= 1) {animatedImage = [[UIImage alloc] initWithData:data];}//如果为多张图片,就开始创建动态图片else {//集合 存放单张的图片NSMutableArray *images = [NSMutableArray array];//时长NSTimeInterval duration = 0.0f;for (size_t i = 0; i < count; i++) {//取出gif单张的图片CGImageRef image = CGImageSourceCreateImageAtIndex(source, i, NULL);// 计算出单张图片的播放时长duration += [self sd_frameDurationAtIndex:i source:source];//添加到数组中[images addObject:[UIImage imageWithCGImage:image scale:[UIScreen mainScreen].scale orientation:UIImageOrientationUp]];//释放CGImageRelease(image);}//安全判断同时计算需要播放的时间if (!duration) {duration = (1.0f / 10.0f) * count;}//把静态的图片转换为动态的image,所以会有大量单张的图片存放在内存中animatedImage = [UIImage animatedImageWithImages:images duration:duration];}//释放图像数据读取任务的抽象对象CFRelease(source);//返回动态图片return animatedImage;
}

解决方案

gif播放其实就是一张一张图片返回去,我们要写一个方法,只要不断地取出当前的那一张图片,这样就可以有效的避免内存中存储了大量图片.那如何实现不断地去取呢,我们可以开一个定时器,定时器不断的去掉我们写的方法,不断地去取图片赋值给imageView.

代码重写

我采用创建一个UIImageView子类来封装定时器方法.
需要注意导入相关的头文件<ImageIO/ImageIO.h>.
这个方法的本质就是用一个定时器不断的去获取一张图片给imageView,这样就避免了大量图片存入内存中.
附上github源码github源码,懒得下的人,源码就在下面.我也写了很详细的注释.
实例代码中,在一个界面上用了6个gif,如果用原生的方法,内存会达到130M左右,如果采用计时器方法,则只有30M左右

#import "WBWebImage.h"
#import <SDWebImageManager.h>
#import <NSData+ImageContentType.h>
#import <UIImage+GIF.h>
#import <ImageIO/ImageIO.h>@implementation WBWebImage {//记录当前是第几张gifNSInteger _currentIndex;//定时器NSTimer *_timer;//gif图片的二进制数据NSData *_data;
}
/*//1.根据url去下载图片的二进制数据//2.根据图片的类型判断如果是gif特殊处理//3.如果是其他类型,直接显示*/
- (void)WB_downloadIMGOrGif:(NSURL *)url {_timer = [NSTimer timerWithTimeInterval:0.12 target:self selector:@selector(updateIMG) userInfo:nil repeats:YES];[self downloadIMGData:url];
}
- (void)updateIMG {//不断的调用生成gif的方法,并且不断的赋值给imageViewself.image = [self wb_animatedGIFWithData:_data];
}//下载图片
- (void)downloadIMGData:(NSURL *)url {//从管理者进行查找[[SDWebImageManager sharedManager].imageDownloader downloadImageWithURL:url options:0 progress:nil completed:^(UIImage *image, NSData *data, NSError *error, BOOL finished) {if (error) {NSLog(@"下载错误%@",error);return;}//根据图片的类型进行判断;//UI操作放在主线程[[NSOperationQueue mainQueue] addOperationWithBlock:^{if ([[NSData sd_contentTypeForImageData:data] isEqualToString:@"image/gif"]) {//据图片的类型判断如果是gif特殊处理_data = data;//将定时器加入到运行循环中[[NSRunLoop currentRunLoop] addTimer:_timer forMode:NSDefaultRunLoopMode];} else {self.image = image;}}];}];
}
//原始代码是把所有的gif全部加载处理完毕才去播放,内存占用过多
//修改: 开启一个定时器,不断的去gif中取出对应的单张图片
- (UIImage *)wb_animatedGIFWithData:(NSData *)data {if (!data) {return nil;}//类型转换CGImageSourceRef source = CGImageSourceCreateWithData((__bridge CFDataRef)data, NULL);//几张图片size_t count = CGImageSourceGetCount(source);//返回的变量UIImage *animatedImage;if (count <= 1) {animatedImage = [[UIImage alloc] initWithData:data];}else {//取出gif中的单张图片CGImageRef image = CGImageSourceCreateImageAtIndex(source, _currentIndex % count, NULL);_currentIndex ++;//类型的转换animatedImage = [UIImage imageWithCGImage:image scale:[UIScreen mainScreen].scale orientation:UIImageOrientationUp];CGImageRelease(image);}CFRelease(source);return animatedImage;
}
@end