美文网首页
iOS加载Gif图片

iOS加载Gif图片

作者: weicyNO_1 | 来源:发表于2017-10-08 18:59 被阅读0次

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地址即可

相关文章

  • Swift (四) gif图片播放

    @[TOC](IOS gif图片播放 swift) 1. GIF在iOS平台上的几种加载方式 使用Dispatch...

  • iOS SDWebImage 加载GIF图片没效果

    //加载本地GIF图片 //加载网络GIF图片 (SDWebImage 4.0 之前) //加载网络GIF图片(S...

  • Android Glide 使用

    加载 GIF 图片到 ImageView 中 通常 Android 的 ImageView 不能加载 Gif 图片...

  • Xcode开发播放gif图片

    在开发iOS程序的过程中,可能会遇到要加载gif图片,下面介绍gif图片的加载方式:先介绍一个第三方:gifVie...

  • iOS Gif图片加载

    Gif图片如越来越受欢迎,移动端对它的支持也是有些知识点的,主要是加载图片性能优化 Gif图片的生成 Gif图片是...

  • iOS加载gif图片

    1、通过拆分gif,加载一个图片数组(推荐一个Mac APP自动拆分gif:Gif Preview) 2、UIWe...

  • iOS加载Gif图片

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

  • iOS 加载gif图片

    一,UIWebview加载 核心代码如下: 注意:上面的xib也就是,登录自定义view要在webview请求完之...

  • ios加载GIF图片

    原生的UIImageView是不支持gif格式图片的,以下是我总结的三种方法,希望可以帮助到你。 一、用UIWeb...

  • iOS加载Gif图片

    1.系统UIImageView 多张图片组成动画 2.利用第三方库 IImageView-PlayGIF YFGI...

网友评论

      本文标题:iOS加载Gif图片

      本文链接:https://www.haomeiwen.com/subject/pnlyyxtx.html