前言

前几天我们项目组的群里提了这么一件事情:在我们的应用中存储动态的GIF图到相册,保存的图片变成了静态图片。而微博则能正确保存,可见这并不是一个技术不可实现的。前不久刚好看了苹果关于ImageIO框架的指南,借着这个契机,我就去调研调研其中的原委。

使用UIImage读取GIF图片的不足

UIImage类在UIKit框架中,是我们最常使用的存储图片类。该类提供了可以使用图片路径或是图片数据来实例化的类方法。UIImage类底层采用ImageIO框架来读取图片数据,下图分别为+imageWithContentsOfFile:和+imageWithData:调用的堆栈。

image堆栈.png

从堆栈中我们可以看到图片读取的大致流程如下:

  1. 根据文件路径或是数据生成CGImageSource;

  2. 然后调用CGImageSourceCreateImageAtIndex方法获取一帧的图片,类型为CGImage;

  3. 让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 图片那点事的更多相关文章

  1. iOS 音频视频图像合成那点事

    代码地址如下:http://www.demodashi.com/demo/13420.html 人而无信不知其可 前言 很久很久没有写点什么了,只因为最近事情太多了,这几天终于闲下来了,趁此机会,记录 ...

  2. iOS:实现图片的无限轮播(二)---之使用第三方库SDCycleScrollView

    iOS:实现图片的无限轮播(二)---之使用第三方库SDCycleScrollView 时间:2016-01-19 19:13:43      阅读:630      评论:0      收藏:0   ...

  3. 解决iOS中tabBarItem图片默认颜色的问题(指定代码渲染模式为以原样模式的方式显示出来)

    解决iOS中tabBarItem图片默认颜色的问题(指定代码渲染模式为以原样模式的方式显示出来) 解决办法:指定图片的渲染模式(imageWithRenderingMode为:UIImageRende ...

  4. iOS开发基础-图片切换(4)之懒加载

    延续:iOS开发基础-图片切换(3),对(3)里面的代码用懒加载进行改善. 一.懒加载基本内容 懒加载(延迟加载):即在需要的时候才加载,修改属性的 getter 方法. 注意:懒加载时一定要先判断该 ...

  5. iOS开发基础-图片切换(3)之属性列表

    延续:iOS开发基础-图片切换(2),对(2)里面的代码用属性列表plist进行改善. 新建 Property List 命名为 Data 获得一个后缀为 .plist 的文件. 按如图修改刚创建的文 ...

  6. iOS开发基础-图片切换(2)之懒加载

    延续:iOS开发基础-图片切换(1),对(1)里面的代码进行改善. 在 ViewController 类中添加新的数组属性:  @property (nonatomic, strong) NSArra ...

  7. iOS Swift WisdomScanKit图片浏览器功能SDK

    iOS Swift WisdomScanKit图片浏览器功能SDK使用 一:简介      WisdomScanKit 由 Swift4.2版编写,完全兼容OC项目调用. WisdomScanKit的 ...

  8. (转)iOS 对矢量图片的支持如何?

    简单说,iOS 支持矢量图片,不过支持的一般.在系统层面上,iOS 对矢量绘图支持得很好.iOS 的 Core Graphics 框架带有很多矢量绘图命令,简单一些的直线.矩形.椭圆,复杂一些的贝赛尔 ...

  9. iOS 正确选择图片加载方式

    正确选择图片加载方式能够对内存优化起到很大的作用,常见的图片加载方式有下面三种: //方法1 UIImage *imag1 = [UIImage imageNamed:@"image.png ...

随机推荐

  1. 建模角度理解word embedding及tensorflow实现

    http://www.jianshu.com/p/d44ce1e3ec2f 1. 前言 本篇主要介绍关键词的向量表示,也就是大家熟悉的word embedding.自Google 2013 年开源wo ...

  2. 【R】函数-统计函数

  3. linux命令学习——tar

    tar命令用来处理压缩,压缩和解压.在linux上经常遇到tar命令,总结如下: tar-c: 建立压缩档案-x:解压-t:查看内容-r:向压缩归档文件末尾追加文件-u:更新原压缩包中的文件这五个是独 ...

  4. .NET 基于任务的异步模式(Task-based Asynchronous Pattern,TAP) async await

    本文内容 概述 编写异步方法 异步程序中的控制流 API 异步方法 线程 异步和等待 返回类型和参数 参考资料 下载 Demo 下载 Demo TPL 与 APM 和 EAP 结合(APM 和 EAP ...

  5. 阿里云构建Kafka单机集群环境

    简介 在一台ECS阿里云服务器上构建Kafa单个集群环境需要如下的几个步骤: 服务器环境 JDK的安装 ZooKeeper的安装 Kafka的安装 1. 服务器环境 CPU: 1核 内存: 2048 ...

  6. ArcGIS鼠标滚轮方向之注册表篇

    ArcMap鼠标滚轮方向的设置是记录在注册表信息中,那么我们做一个简单的测试.先打开注册表,将ReverseMouseWheel删除,再打开ArcMap进行鼠标滚轮方向设置. 设置完成后,刷新注册表, ...

  7. [精品]CAD批量处理工具

     需要此工具请Q:3567 618 336 CAD批量处理工具是基于AutoCAD二次开发的批处理插件.将程序加载到CAD中,使用自定义的Lisp代码就可对多个文档进行批量操作. 1.文件说明 CAD ...

  8. iOS开发技巧 - Size Class与iOS 8多屏幕适配(一)

    0. 背景: 在iOS开发中,Auto Layout(自动布局)能解决大部分的屏幕适配问题. 但是当iPhone 6和iPhone 6 Plus发布以后, Auto Layout已经不能解决复杂的屏幕 ...

  9. 牛客网-《剑指offer》-变态跳台阶

    C++ class Solution { public: int jumpFloorII(int n) { <<--n; } }; 推导: 关于本题,前提是n个台阶会有一次n阶的跳法.分析 ...

  10. 在Windows中监视IO性能

    附:在Windows中监视IO性能 本来准备写一篇windows中监视IO性能的,后来发现好像可写的内容不多,windows在细节这方面做的不是那么的好,不过那些基本信息还是有的. 在Windows中 ...