iOS播放gif图方式

转发： http://www.cnblogs.com/jerehedu/

图片分为静态和动态两种，图片的格式有不少种，在开发中比较常见的是.png和.jpg的静态图片，但有的时候在App中须要播放动态图片，好比.gif格式的小表情头像，在IOS中并无提供直接显示动态图片的控件，下面就介绍几种显示动态图片的方式。

<一>  UIImageView用来显示图片， 使用UIImageView中的动画数组来实现图片的动画效果

//建立UIImageView，添加到界面  UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(20, 20, 100, 100)];  [self.view addSubview:imageView];  //建立一个数组，数组中按顺序添加要播放的图片（图片为静态的图片）  NSMutableArray *imgArray = [NSMutableArray array];  for (int i=1; i<7; i++) {   UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"clock%02d.png",i]];   [imgArray addObject:image];  }  //把存有UIImage的数组赋给动画图片数组  imageView.animationImages = imgArray;  //设置执行一次完整动画的时长  imageView.animationDuration = 6*0.15;  //动画重复次数 （0为重复播放）  imageView.animationRepeatCount = 0;  //开始播放动画  [imageView startAnimating];  //中止播放动画 - (void)stopAnimating; //判断是否正在执行动画 - (BOOL)isAnimating;

<二>  用UIWebView来显示动态图片

//获得图片的路径  NSString *path = [[NSBundle mainBundle] pathForResource:@"happy" ofType:@"gif"];  //将图片转为NSData  NSData *gifData = [NSData dataWithContentsOfFile:path];  //建立一个webView，添加到界面  UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 150, 200, 200)];  [self.view addSubview:webView];  //自动调整尺寸  webView.scalesPageToFit = YES;  //禁止滚动 webView.scrollView.scrollEnabled = NO;  //设置透明效果  webView.backgroundColor = [UIColor clearColor]; webView.opaque = 0;  //加载数据  [webView loadData:gifData MIMEType:@"image/gif" textEncodingName:nil baseURL:nil]; 

<三>  用第三方GifView显示本地图片

GifView是封装好的一个类，能够直接导入程序中，而后建立对象，来显示动态图片；须要注意的是，GifView是MRC的，所以在ARC工程中使用它，须要修改标记 –fno-objc-arc

//方式一：显示本地Gif图片  //将图片转为NSData数据  NSData *localData = [NSData dataWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"bird" ofType:@"gif"]];  //建立一个第三方的View显示图片  GifView *dataView = [[GifView alloc] initWithFrame:CGRectMake(0, 300, 200, 100) data:localData];  [self.view addSubview:dataView]; //方式二：显示本地Gif图片  //获得图片的路径 NSString *path = [[NSBundle mainBundle] pathForResource:@"cat" ofType:@"gif"]; //建立一个第三方的View显示图片  GifView *dataView2 = [[GifView alloc] initWithFrame:CGRectMake(200, 300, 150, 100) filePath:path];  [self.view addSubview:dataView2]; //方式三：显示从网络获取的Gif图片  // 网络图片  NSData *urlData = [NSData dataWithContentsOfURL:[NSURL URLWithString:@"http://pic19.nipic.com/20120222/8072717_124734762000_2.gif"]];  //建立一个第三方的View显示图片  GifView *dataViewWeb = [[GifView alloc] initWithFrame:CGRectMake(20, 420, 280, 100) data:urlData];  [self.view addSubview:dataViewWeb]; 

GifView.h

#import <UIKit/UIKit.h> #import <ImageIO/ImageIO.h> @interface GifView : UIView {  CGImageSourceRef gif;  NSDictionary *gifProperties;  size_t index;  size_t count;  NSTimer *timer; } - (id)initWithFrame:(CGRect)frame filePath:(NSString *)_filePath; - (id)initWithFrame:(CGRect)frame data:(NSData *)_data; @end 

GifView.m

#import "GifView.h" #import <QuartzCore/QuartzCore.h> @implementation GifView - (id)initWithFrame:(CGRect)frame filePath:(NSString *)_filePath{  self = [super initWithFrame:frame];  if (self) {   gifProperties = [[NSDictionary dictionaryWithObject:[NSDictionary dictionaryWithObject:[NSNumber numberWithInt:0] forKey:(NSString *)kCGImagePropertyGIFLoopCount]              forKey:(NSString *)kCGImagePropertyGIFDictionary] retain];   gif = CGImageSourceCreateWithURL((CFURLRef)[NSURL fileURLWithPath:_filePath], (CFDictionaryRef)gifProperties);   count =CGImageSourceGetCount(gif);   timer = [NSTimer scheduledTimerWithTimeInterval:0.12 target:self selector:@selector(play) userInfo:nil repeats:YES];   [timer fire];  }  return self; } - (id)initWithFrame:(CGRect)frame data:(NSData *)_data{  self = [super initWithFrame:frame];  if (self) {   gifProperties = [[NSDictionary dictionaryWithObject:[NSDictionary dictionaryWithObject:[NSNumber numberWithInt:0] forKey:(NSString *)kCGImagePropertyGIFLoopCount]              forKey:(NSString *)kCGImagePropertyGIFDictionary] retain];  gif = CGImageSourceCreateWithData((CFDataRef)_data, (CFDictionaryRef)gifProperties);   count =CGImageSourceGetCount(gif);   timer = [NSTimer scheduledTimerWithTimeInterval:0.12 target:self selector:@selector(play) userInfo:nil repeats:YES];   [timer fire];  }  return self; } -(void)play {  index ++;  index = index%count;  CGImageRef ref = CGImageSourceCreateImageAtIndex(gif, index, (CFDictionaryRef)gifProperties);  self.layer.contents = (id)ref;  CFRelease(ref); } -(void)removeFromSuperview {  NSLog(@"removeFromSuperview"); [timer invalidate]; timer = nil; [super removeFromSuperview]; } - (void)dealloc { NSLog(@"dealloc"); CFRelease(gif); [gifProperties release]; [super dealloc]; } @end 

<四> 总结

一、经过UIImageView显示动画效果，其实是把动态的图拆成了一组静态的图，放到数组中，播放的时候依次从数组中取出。若是播放的图片 比较少占得内存比较小或者比较经常使用（好比工具条上一直显示的动态小图标），能够选择用imageNamed：方式获取图片，可是经过这种方式加到内存中， 使用结束，不会本身释放，屡次播放动画会形成内存溢出问题。所以，对于大图或常常更换的图，在取图片的时候能够选择 imageWithContentsOfFile:方式获取图片，优化内存。

二、使用UIWebView显示图片须要注意显示图片的尺寸与UIWebView尺寸的设置，若是只是为了显示动态图片，能够禁止 UIWebView滚动。在显示动态图片的时候，即便是动图的背景处为透明，默认显示出来是白色背景，这个时候须要手动设置UIWebView的透明才能 达到显示动图背景透明的效果。

三、第三方的GifView使用比较简单，把类导入便可。可是GifView是MRC的，所以在ARC环境下，须要对类进行标识。

四、UIImageView与第三方的GifView都是经过定时器来控制图片模拟的动画，播放的时候是设置每一帧的时长，所以在使用的时候，要 尽可能与动图本来的时长靠近，否则动画效果会有些奇怪。而经过UIWebView加载Gif动图的时候会保持原有的帧速，不须要再次设置。

做者： 杰瑞教育