iPhone SDK提供了多种动画手段,UIView、UIImageView和CALayer都支持动画。但如何处理常见的gif动画呢?UIWebView提供了答案,代码如下:
1. 使用UIWebView播放
// 设定位置和大小
CGRect frame = CGRectMake(50,50,0,0);
frame.size = [UIImage p_w_picpathNamed:@"guzhang.gif"].size;
// 读取gif图片数据
NSData *gif = [NSData dataWithContentsOfFile: [[NSBundle mainBundle] pathForResource:@"guzhang" ofType:@"gif"]];
// view生成
UIWebView *webView = [[UIWebView alloc] initWithFrame:frame];
webView.userInteractionEnabled = NO;//用户不可交互
[webView loadData:gif MIMEType:@"p_w_picpath/gif" textEncodingName:nil baseURL:nil];
[self.view addSubview:webView];
[webView release];
2. 将gif图片分解成多张png图片,使用UIImageView播放。
代码如下:
UIImageView *gifImageView = [[UIImageView alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
NSArray *gifArray = [NSArray arrayWithObjects:[UIImage p_w_picpathNamed:@"1"],
[UIImage p_w_picpathNamed:@"2"],
[UIImage p_w_picpathNamed:@"3"],
[UIImage p_w_picpathNamed:@"4"],
[UIImage p_w_picpathNamed:@"5"],
[UIImage p_w_picpathNamed:@"6"],
[UIImage p_w_picpathNamed:@"7"],
[UIImage p_w_picpathNamed:@"8"],
[UIImage p_w_picpathNamed:@"9"],nil];
gifImageView.animationImages = gifArray; //动画图片数组
gifImageView.animationDuration = 5; //执行一次完整动画所需的时长
gifImageView.animationRepeatCount = 1; //动画重复次数
[gifImageView startAnimating];
[self.view addSubview:gifImageView];
[gifImageView release];
3. 本次实现gif动画播放是通过将动画文件读取到CGImageSourceRef,然后用NSTimer来播放的。
代码如下:
首先是头文件
#import <UIKit/UIKit.h> #import <ImageIO/ImageIO.h> #import <MobileCoreServices/MobileCoreServices.h> @interface GifView : UIView { CGImageSourceRef gif; // 保存gif动画 NSDictionary *gifProperties; // 保存gif动画属性 size_t index; // gif动画播放开始的帧序号 size_t count; // gif动画的总帧数 NSTimer *timer; // 播放gif动画所使用的timer } - (id)initWithFrame:(CGRect)frame filePath:(NSString *)filePath;- (void)stopGif; @end
接下来是实现
#import "GifView.h"
#import <QuartzCore/QuartzCore.h>
@implementation GifView
- (id)initWithFrame:(CGRect)frame filePath:(NSString *)filePath
{
self = [super initWithFrame:frame];
if (self)
{
NSDictionary *gifLoopCount = [NSDictionary dictionaryWithObject:[NSNumber numberWithInt:0] forKey:(NSString *)kCGImagePropertyGIFLoopCount];
gifProperties = [[NSDictionary dictionaryWithObject:gifLoopCount forKey:(NSString *)kCGImagePropertyGIFDictionary] retain];
gif = CGImageSourceCreateWithURL((CFURLRef)[NSURL fileURLWithPath:path], (CFDictionaryRef)gifProperties);
count =CGImageSourceGetCount(gif);
timer = [NSTimer scheduledTimerWithTimeInterval:0.05 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)dealloc
{
NSLog(@"dealloc");
CFRelease(gif);
[gifProperties release];
[super dealloc];
}
- (void)stopGif
{
[timer invalidate];
timer = nil;
}
@end
这个类比较简单,在方法
- (id)initWithFrame:(CGRect)frame filePath:(NSString *)filePath
调用结束就开始播放动画,如果需要用户指定何时播放的话,只需要把timer的开始放到合适的位置。通过对CFDictonaryRaf 也就是gifProperties的改变,我们还可以控制动画是否循环播放以及循环多少次停止。
通过对index的改变也可以控制动画从某帧开始播放。同理,同时改变index和count的话,也可以控制从某帧到某帧的播放。
注:必须调用方法
- (void)stopGif
之后才可以退出这个类。否则timer不会关闭,产生内存泄露。
另注:需要QuartzCore.framework;MobileCoreServices.framework;ImageIO.framework 这三个framework的支持
4. SCGIFImageView是一个开源的GIF图片动画显示控件,通过将GIF的每一帧都取出来生成UIImage对象存放在一个数组中,然后使用NSTimer进行动画轮转。
示例代码:
NSString* filePath = [[NSBundle mainBundle] pathForResource:@"1.gif" ofType:nil];
NSData* p_w_picpathData = [NSData dataWithContentsOfFile:filePath];
SCGIFImageView* gifImageView = [[[SCGIFImageView alloc] initWithFrame:self.view.bounds] autorelease];
[gifImageView setData:p_w_picpathData];
[self.view addSubview:gifImageView];