iOS 关于 GIF 图片那点事
前言
前几天我们项目组的群里提了这么一件事情:在我们的应用中存储动态的GIF图到相册,保存的图片变成了静态图片。而微博则能正确保存,可见这并不是一个技术不可实现的。前不久刚好看了苹果关于ImageIO框架的指南,借着这个契机,我就去调研调研其中的原委。
使用UIImage读取GIF图片的不足
UIImage类在UIKit框架中,是我们最常使用的存储图片类。该类提供了可以使用图片路径或是图片数据来实例化的类方法。UIImage类底层采用ImageIO框架来读取图片数据,下图分别为+imageWithContentsOfFile:和+imageWithData:调用的堆栈。
image堆栈.png
从堆栈中我们可以看到图片读取的大致流程如下:
根据文件路径或是数据生成CGImageSource;
然后调用CGImageSourceCreateImageAtIndex方法获取一帧的图片,类型为CGImage;
让UIImage对象持有该CGImage。
在流程的第一步生成的CGImageSource,仍然保留着GIF的全部信息。而在流程的第二步中出了问题。动态的Gif图与静态格式图片不同,它包含有多张的静态图片。CGImageSourceCreateImageAtIndex只能返回索引值的图片,丢失了其他的图片信息。因此,我们只获取到了其中的一帧图片。出于好奇,我选择了一张只有四帧完全不同的Gif图,通过测试观察,UIImage获取的是第一帧的图片。既然我们不能用UIImage或CGImage来处理Gif图,我们是否可以降级,采用ImageIO框架来处理呢。答案是肯定的。
使用 ImageIO 框架解析GIF图片
我参考了YYImage框架的设计,定义了两个类,分别为JWGifDecoder和JWGifFrame,JWGifDecoder类负责GIF图片数据的解析,而JWGifFrame表示帧。两者的头文件如下:
#import
#import "JWGifFrame.h"
@interface JWGifDecoder : NSObject
@property (nonatomic,readonly) NSData *data; /**
#import
#import
@interface JWGifFrame : NSObject
@property (nonatomic,assign) NSUInteger index; /**
JWGifDecoder内部使用CGImageSource来解析图片数据。实例化时候,该类使用CGImageSourceCreateWithData ()方法(这里的c语言方法忽略参数)一个CGImageSource,然后采用CGImageSourceGetCount ()获得其内部的图片个数也就是帧数。而在生成帧对象时候,采用CGImageSourceCopyPropertiesAtIndex ()方法获得对应帧的属性,采用CGImageSourceCreateImageAtIndex()方法得到图片。
#import "JWGifDecoder.h"
#import
@interface JWGifDecoder ()
{
CGImageSourceRef _source;
}
@end
@implementation JWGifDecoder
+(instancetype)decoderWithData:(NSData *)data
{
if ( !data ) return nil;
JWGifDecoder *decoder = [[JWGifDecoder alloc] init];
[decoder _decoderPrepareWithData:data];
return decoder;
}
- (void)dealloc
{
CFRelease(_source);
}
-(void)_decoderPrepareWithData:(NSData *)data
{
_data = data;
_source = CGImageSourceCreateWithData((__bridge CFDataRef)data, NULL);
_frameCount = CGImageSourceGetCount(_source);
CFDictionaryRef properties = CGImageSourceCopyProperties(_source, NULL);
CFDictionaryRef gifProperties = CFDictionaryGetValue(properties, kCGImagePropertyGIFDictionary);
CFTypeRef loop = CFDictionaryGetValue(gifProperties, kCGImagePropertyGIFLoopCount);
if (loop) CFNumberGetValue(loop, kCFNumberNSIntegerType, &_loopCount);
CFRelease(properties);
}
-(JWGifFrame *)frameAtIndex:(NSUInteger)index
{
if ( index >= _frameCount ) return nil;
JWGifFrame *frame = [[JWGifFrame alloc] init];
frame.index = index;
NSTimeInterval duration = 0;
CFDictionaryRef frameProperties = CGImageSourceCopyPropertiesAtIndex(_source, index, NULL);
CFDictionaryRef gifFrameProperties = CFDictionaryGetValue(frameProperties, kCGImagePropertyGIFDictionary);
CFTypeRef delayTime = CFDictionaryGetValue(gifFrameProperties, kCGImagePropertyGIFUnclampedDelayTime);
if(delayTime) CFNumberGetValue(delayTime, kCFNumberDoubleType, &duration);
CFRelease(frameProperties);
frame.duration = duration;
CGImageRef cgImage = CGImageSourceCreateImageAtIndex(_source, index, NULL);
UIImage *image = [UIImage imageWithCGImage:cgImage];
frame.image = image;
CFRelease(cgImage);
return frame;
}
保存GIF格式图片至相册
UIImage只会保留一帧的信息,而图片的数据则具有GIF的所有数据。因此,相册读取GIF格式图片有个原则:在保存图片至相册时,必须保存图片的数据而不是UIImage对象。
IOS8以下ALAssetsLibrary框架处理相册,在IOS8以上,则是采用Photos框架。在这篇博客(http://www.jianshu.com/p/ad391f4d0bcb)中说在IOS8中使用Photos的方法会保存不了,由于没有IOS8的系统的手机,我也无法做相关测试。目前测试我手上的IOS10系统的iphone6s,可以成功保存,保存的GIF图片可以在微信中成功发送。保存相册的代码如下所示:
NSString *path = [[NSBundle mainBundle] pathForResource:@"niconiconi" ofType:@"gif"];
NSData *data = [NSData dataWithContentsOfFile:path];
if ([UIDevice currentDevice].systemVersion.floatValue >= 9.0f) {
[[PHPhotoLibrary sharedPhotoLibrary] performChanges:^{
PHAssetResourceCreationOptions *options = [[PHAssetResourceCreationOptions alloc] init];
[[PHAssetCreationRequest creationRequestForAsset] addResourceWithType:PHAssetResourceTypePhoto data:data options:options];
} completionHandler:^(BOOL success, NSError * _Nullable error) {
NSLog(@"是否保存成功:%d",success);
}];
}
else {
ALAssetsLibrary *library = [[ALAssetsLibrary alloc] init];
[library writeImageDataToSavedPhotosAlbum:data metadata:nil completionBlock:^(NSURL *assetURL, NSError *error) {
}];
}
结语
ImageIO框架给了我们更加强大的图片处理能力,它可以处理UIImage无法应付的Gif格式的图片。对于那些较高级的API无法处理的事情,可以试一试用更低层的框架看看是否进行处理。发现很多内容在苹果的 Guide里都有说明,以后需要多多看看。
这篇文章中还有很多东西没有讲到,比如相册读取Gif图片,又比如代码将图片保存成Gif图片(这点在苹果的Guide里有提到)等,以后再补充吧。
参考
Image I/O Programming Guide
http://t.cn/RfPbLdM
iOS开发-gif图片上传
http://t.cn/Rt39huW
GitHub: YYWebImage
http://t.cn/RUSClXb
iOS中的imageIO与image解码
http://t.cn/RtwyP52
iOS 关于 GIF 图片那点事的更多相关文章
- iOS 音频视频图像合成那点事
代码地址如下:http://www.demodashi.com/demo/13420.html 人而无信不知其可 前言 很久很久没有写点什么了,只因为最近事情太多了,这几天终于闲下来了,趁此机会,记录 ...
- iOS:实现图片的无限轮播(二)---之使用第三方库SDCycleScrollView
iOS:实现图片的无限轮播(二)---之使用第三方库SDCycleScrollView 时间:2016-01-19 19:13:43 阅读:630 评论:0 收藏:0 ...
- 解决iOS中tabBarItem图片默认颜色的问题(指定代码渲染模式为以原样模式的方式显示出来)
解决iOS中tabBarItem图片默认颜色的问题(指定代码渲染模式为以原样模式的方式显示出来) 解决办法:指定图片的渲染模式(imageWithRenderingMode为:UIImageRende ...
- iOS开发基础-图片切换(4)之懒加载
延续:iOS开发基础-图片切换(3),对(3)里面的代码用懒加载进行改善. 一.懒加载基本内容 懒加载(延迟加载):即在需要的时候才加载,修改属性的 getter 方法. 注意:懒加载时一定要先判断该 ...
- iOS开发基础-图片切换(3)之属性列表
延续:iOS开发基础-图片切换(2),对(2)里面的代码用属性列表plist进行改善. 新建 Property List 命名为 Data 获得一个后缀为 .plist 的文件. 按如图修改刚创建的文 ...
- iOS开发基础-图片切换(2)之懒加载
延续:iOS开发基础-图片切换(1),对(1)里面的代码进行改善. 在 ViewController 类中添加新的数组属性: @property (nonatomic, strong) NSArra ...
- iOS Swift WisdomScanKit图片浏览器功能SDK
iOS Swift WisdomScanKit图片浏览器功能SDK使用 一:简介 WisdomScanKit 由 Swift4.2版编写,完全兼容OC项目调用. WisdomScanKit的 ...
- (转)iOS 对矢量图片的支持如何?
简单说,iOS 支持矢量图片,不过支持的一般.在系统层面上,iOS 对矢量绘图支持得很好.iOS 的 Core Graphics 框架带有很多矢量绘图命令,简单一些的直线.矩形.椭圆,复杂一些的贝赛尔 ...
- iOS 正确选择图片加载方式
正确选择图片加载方式能够对内存优化起到很大的作用,常见的图片加载方式有下面三种: //方法1 UIImage *imag1 = [UIImage imageNamed:@"image.png ...
随机推荐
- Github用.gitignore忽略指定文件
.gitignore Github提供.gitignore这种功能,可以自己指定哪些文件可以不被管理.具体方法是在版本管理的根目录下(与.git文件夹同级)创建一个.gitignore. 应用实例 项 ...
- hadoop 2.2搭建常见错误
http://blog.csdn.net/haidao2009/article/details/14897813 hadoop 2.2 搭建 http://blog.csdn.net/pelick/a ...
- Idea卡在Maven导入工程
Idea卡在Maven导入工程的解决办法 1.看日志 tail -100f cd ~/Library/Logs/IntelliJIdea2017.2/idea.log 你可以换下路径中Idea的版本或 ...
- ERROR in index.web.js from UglifyJs
使用weexpack构建weex应用时,npm run serve一直报这个错误 ERROR in index.web.js from UglifyJs Unexpected token: name ...
- 解压版mysql的配置与使用
1.在环境变量path中添加mysql的bin目录路径,例如 D:\Program Files\MySQL\mysql\bin 2.修改mysql目录下的my-default.ini文件 # 设置my ...
- Android Studio 打包时 Signature Version 选择 V1 V2 说明
问题描述(v1和v2) Android 7.0中引入了APK Signature Scheme v2,v1是jar Signature来自JDKV1:应该是通过ZIP条目进行验证,这样APK 签署 ...
- Discuz常见小问题-如何取消帖子置顶
定位到一个帖子,然后顶部会有置顶的选项,还是勾选置顶,后面下拉列表选择无,然后点击确定,提示解除置顶
- ZH奶酪:CSS中限制span显示字数
span中的文字是取出于数据库的,不确定文字的个数,由于排版的原因只想让span不超过6个字,如果超过只显示六个,当鼠标悬浮上去的时候tip显示全部内容 Step1.在span中添加title < ...
- SQL到NoSQL概览性总结之一 数据库应用场景选型
数据库类型与实例 适合场景 不适合场景 场景举例 关系数据库 基于集合理论,具有行和列的二维表,严格使用类型 开源MySQL/MariaDB, PostgreSQL 商业:Oracle,DB2,SQL ...
- 递归的隐含限制——处理对象小的可以、大的不可以
最近自己编写了一个求n阶行列式的值的C程序,编译成功,并且使用了一个3阶行列式进行了测试,测试也成功了.以为这样就万事大吉了,可是后来在实际应用中调用该函数时却导致程序无法运行.注意到,实际应用中要求 ...