iOS加载Gif图片

Gif图片是非常常见的图片格式,尤其是在聊天的过程中,Gif表情使用地很频繁。但是iOS竟然没有现成的支持加载和播放Gif的类。

简单地汇总了一下,大概有以下几种方法:

1、使用UIWebView,但是这种方法比较耗内存。

//读取gif图片数据UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(0,0,200,200)];

[self.view addSubview:webView];

NSString*path = [[NSBundle mainBundle] pathForResource:@"001"ofType:@"gif"];/*NSData *data = [NSData dataWithContentsOfFile:path];

使用loadData:MIMEType:textEncodingName: 则有警告

[webView loadData:data MIMEType:@"image/gif" textEncodingName:nil baseURL:nil];*/NSURL*url =[NSURL URLWithString:path];

[webView loadRequest:[NSURLRequest requestWithURL:url]];

但是使用UIWebView的弊端在于,不能设置Gif动画的播放时间。

2、将Gif拆分成多张图片,使用UIImageView播放。

最好把所需要的Gif图片打包到Bundle文件内,如下图所示

Loading.png

- (NSArray *)animationImages

{

NSFileManager*fielM =[NSFileManager defaultManager];

NSString*path = [[NSBundle mainBundle] pathForResource:@"Loading"ofType:@"bundle"];

NSArray*arrays =[fielM contentsOfDirectoryAtPath:path error:nil];

NSMutableArray*imagesArr =[NSMutableArray array];for(NSString *nameinarrays) {

UIImage*image = [UIImage imageNamed:[(@"Loading.bundle") stringByAppendingPathComponent:name]];if(image) {

[imagesArr addObject:image];

}

}returnimagesArr;

}- (void)viewDidLoad {

[super viewDidLoad];

UIImageView*gifImageView =[[UIImageView alloc] initWithFrame:frame];

gifImageView.animationImages= [self animationImages];//获取Gif图片列表gifImageView.animationDuration =5;//执行一次完整动画所需的时长gifImageView.animationRepeatCount =0;//动画重复次数[gifImageView startAnimating];

[self.view addSubview:gifImageView];

}

补充:可以直接取出动态image。需要吧图片设置进去。从零开始。

UIImage *image = [UIImage animatedImageNamed:@"youhuiquanxiao"duration:2];

3、使用SDWebImage

但是很遗憾,SDWebImage 的 sd_setImageWithURL:placeholderImage:这个方法是不能播放本地Gif的,它只能显示Gif的第一张图片而已。So,此方法行不通

// 行不通

UIImageView *gifImageView =[[UIImageView alloc] initWithFrame:frame];

[gifImageView sd_setImageWithURL:nil placeholderImage:[UIImage imageNamed:@"gifTest.gif"]];

其实,在SDWebImage这个库里有一个UIImage+GIF的类别,里面为UIImage扩展了三个方法:

@interfaceUIImage (GIF)+ (IImage *)sd_animatedGIFNamed:(NSString *)name;+ (UIImage *)sd_animatedGIFWithData:(NSData *)data;- (UIImage *)sd_animatedImageByScalingAndCroppingToSize:(CGSize)size;@end

大家一看就知道,我们要获取处理后的Gif图片,其实只要调用前面两个中的其中一个方法就行了

注意:第一个只需要传Gif的名字,而不需要带扩展名(如Gif图片名字为001@2x.gif,只需传001即可)

我们就使用第二个方法试一试效果:

NSString *path = [[NSBundle mainBundle] pathForResource:@"gifTest"ofType:@"gif"];

NSData*data =[NSData dataWithContentsOfFile:path];

UIImage*image =[UIImage sd_animatedGIFWithData:data];

gifImageView.image= image;

然后通过断点,我们发现:

image的isa指针指向了_UIAnimatedImage ,说明它是一个叫作_UIAnimatedImage 的类(当然,这个_UIAnimatedImage 苹果是不会直接让我们使用的)

_images 表示:这个Gif包含了多少张图片

_duration表示:执行一次完整动画所需的时长

其实,动画执续时间_duration也可以更改!

我们来看下此方法的内部实现:

+ (UIImage *)sd_animatedGIFWithData:(NSData *)data {if(!data) {returnnil;

}

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++) {

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;

}

animatedImage=[UIImage animatedImageWithImages:images duration:duration];

}

CFRelease(source);returnanimatedImage;

}

很明显,duration是可以随意更改的,只不过此方法设置了一个默认值(duration = (1.0f / 10.0f) * count)

归根到底,创建新的动态的Image其实是调用了系统提供的一个UIImage的类方法而已:

UIImage *animatedImage = [UIImage animatedImageWithImages:images duration:duration];

二、加载网络Gif文件

加载网络的Gif文件就简单多了。最简单的方法,我们只需要使用SDWebImage 的 sd_setImageWithURL:这个方法传入Gif文件是url地址即可。

纠其原因:稍微仔细看了SDWebImage内部实现就可以清楚,大概是以下几个步骤:

1、SDWebImage根据url将Gif文件下载下来,格式为一个NSData

2、如果判断是Gif格式,则会调用** sd_animatedGIFWithData:** 将Data转换成我们需要的Gif格式

3、通过上面的方法二即可显示出Gif图片

UIImage *image =[UIImage sd_animatedGIFWithData:data];

gifImageView.image= image;

总结

一、加载本地Gif文件

1、使用UIWebView不可以设置duration,其他两种方法都可设置。而且方法1的容器为UIWebView ,其余两种的容器都是大家熟悉的UIImageView

2、方法2和方法3需要对应看应用场景

如:下拉、上拉加载控件需要一个根据拉动距离设置特定的Image,则需要使用方法2

直接显示Gif图片,则使用方法3会更方便

二、加载网络Gif文件

直接使用SDWebImage 的 sd_setImageWithURL:这个方法传入Gif文件是url地址即可

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,029评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,395评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,570评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,535评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,650评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,850评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,006评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,747评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,207评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,536评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,683评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,342评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,964评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,772评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,004评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,401评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,566评论 2 349

推荐阅读更多精彩内容

  • Gif图片是非常常见的图片格式,尤其是在聊天的过程中,Gif表情使用地很频繁。但是iOS竟然没有现成的支持加载和播...
    iOS_大菜鸟阅读 2,992评论 1 5
  • 1.系统UIImageView 多张图片组成动画 /** * UIImageView 动画 * Memor...
    zhengelababy阅读 8,748评论 3 6
  • 1. 原生方法: UIWebView特点:加载速度略长,性能更优,播放的gif动态图更加流畅。 UIImagVie...
    奋斗的蜗牛阅读 4,361评论 1 1
  • 1、通过拆分gif,加载一个图片数组(推荐一个Mac APP自动拆分gif:Gif Preview) 2、UIWe...
    薄凉_简书阅读 547评论 0 1
  • Gif图片是非常常见的图片格式,尤其是在聊天的过程中,Gif表情使用地很频繁。但是iOS竟然没有现成的支持加载和播...
    CoderSC阅读 2,436评论 0 0