本文主要是因为在开发中产品要求控制gif图的重复次数,查了一些资料后,发现gif本身自己可以设置重复次数,所以可以要求UI设计师出图时设置上重复次数即可。
那么 问题来了,我是用swift开发的,本来之前一直用的都是Kingfisher ,这个第三方很强大,什么都不用管就可以加载gif图,但是有个问题,gif图永远都是无限循环的,Kingfisher没有关注重复次数的问题(PS:已经在Kingfisher的github上提了issue了,可惜无人回应),无奈只好找替代的第三方SDWebImage
SDWebImage 4.0 之后 加载gif图 必须安装FLAnimatedImageView这个第三方imageview,不能使用原生UIImageView(PS:人生到处都是坑!!!)
CocoaPods 安装
pod'SDWebImage'
pod'SDWebImage/GIF'
一般用法
用 FLAnimatedImageView 代替 UIImageView,用法很简单,跟UIImageView一样(可能有不一样的,没深入研究)
SDWebImage 给 FLAnimatedImageView 添加了异步加载 GIF 的方法,与异步加载静态图片一样
FLAnimatedImageView.sd_setImage(with: url, completed: nil)
如果显示少量的 GIF,这样写就ok了。但是,如果需要用 UITableView 或 UICollectionView 展示大量 GIF,这么写可能会有性能问题,滑动时发生顿卡。
提升性能
为了提高性能,可以指定 RunLoopMode,在 default mode 进行动画,在 tracking mode (比如 scroll view 滑动时) 停止动画
FLAnimatedImageView.runLoopMode =RunLoopMode.defaultRunLoopMode.rawValue
我的代码中,这么写还是会有顿卡。
解决办法是,把 FLAnimatedImage 的实例化放到子线程中。可以直接修改 SDWebImage 的源码,但不建议这么做。比较好的办法是,给 FLAnimatedImageView 添加extension方法
````
extension FLAnimatedImageView {
func setImage(with url:URL?, placeholderImage:UIImage?) {
sd_internalSetImage(with: url, placeholderImage: placeholderImage, options: SDWebImageOptions(rawValue:0), operationKey:nil, setImageBlock: { [weakself] (image, imageData)in
guardletstrongSelf =selfelse{return}
letimageFormat = NSData.sd_imageFormat(forImageData: imageData)
ifimageFormat == .GIF {
// Enter global queue
DispatchQueue.global(qos: .userInteractive).async { [weakself]in
// Create FLAnimatedImage in global queue
letanimatedImage = FLAnimatedImage(animatedGIFData: imageData)
DispatchQueue.main.async { [weakself]in
guardletstrongSelf =selfelse{return}
// Set image in main queue
strongSelf.animatedImage = animatedImage
strongSelf.image =nil
}
}
}else{
// Set image in main queue
strongSelf.image = image
strongSelf.animatedImage =nil
}
}, progress:nil, completed:nil)
}
}
````
同样调用 sd_internalSetImageWithURL: 方法,只是修改 setImageBlock 参数,在子线程中创建 FLAnimatedImage,然后在主线程中设置图片。
这个方法也适用于静态图片。这样写,UITableView 滑动就很流畅了。(PS:这个是别人教的,没验证过,仅供参考)