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];