SDWebImage 集缓存管理、异步下载、下载次数控制和优化等功能于一身,基本上是IOS开发的一个标配组件了。然而,在实际开发过程中发现SDWebImage对动图gif的支持不尽如人意。
示例图片如下:
使用SDWebImage加载显示效果比实际效果要慢的多
原因分析
在SDWebImage的核心文件中有对UIImage的gif扩展,在这个扩展里面,程序获取到了gif每一帧图像以及对应的显示时间
for (size_t i = 0; i < count; i++) {
//获取gif每一帧图像
CGImageRef image = CGImageSourceCreateImageAtIndex(source, i, NULL);
if (!image) {
continue;
}
//sd_frameDurationAtIndex 获取每一帧图像对应的显示时间
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;
}
//创建动图
animatedImage = [UIImage animatedImageWithImages:images duration:duration];
问题出在作者获取每一帧图像的显示时间的目的仅仅是为了计算gif动画的总时长,并没有给每一帧图像的显示时间分配相应的权重,导致每一帧图像显示的时间为平均时间,视觉上给人带来了卡顿效果
解决方法
解决方法其实很简单,由于系统提供的方法
+ (UIImage *)animatedImageWithImages:(NSArray<UIImage *> *)images duration:(NSTimeInterval)duration
会将duration平分给每一帧image,为了达到权重分配的效果,可以增加显示时间长的图片的帧数
github上有个mayoff/uiimage-from-animated-gif,就是使用了这个原理
我们将替换SDWebImage的UIImage+GIF.m
文件的sd_animatedGIFWithData
方法替换为新的方法即可
手懒的同学点这里下载替换好的文件UIImage+GIF.m
如果抛开对SDWebImage的依赖,还有其他GIF的显示方法,不再一一赘述