新建一个Single View Application，向该工程中导入Tom猫的图片资源，本示例演示Tom猫喝牛奶的动作。图片的名字为 drink_00.jpg、drink_01.jpg、...、drink_80.jpg 。
向 Main.storyboard 中添加 UIImageView ，将图片 drink_00.jpg 作为默认显示的画面。将该控件与 ViewController 类建立一个 IBOutlet 连接，属性名为： @property (weak, nonatomic) IBOutlet UIImageView *tomCat;
再添加大小为60*60的 UIButton 控件，将控件的名字设为 drink ，标题文字颜色为 Clear Color ，再将图片 milk.png 作为该按钮的背景图片。将该按钮控件与 ViewController 类建立一个 IBAction 动作连接，方法为 - (IBAction)buttonClicked:(id)sender; 。
在 ViewController.m 中添加如下代码实现序列帧动画：
//ViewController.m
- (void)playAnimation:(int)count fileName:(NSString *)fileName {
//创建可变数组存放序列帧图片
NSMutableArray *images = [NSMutableArray array];
for (int i = ; i < count; i++) {
// 图片名。%02d -- 当整数位数小于两位时，在前面自动补1个零
NSString *name = [NSString stringWithFormat:@"%@_%02d.jpg", fileName, i];
NSString *path = [[NSBundle mainBundle] pathForResource:name ofType:nil];
UIImage *img = [[UIImage alloc] initWithContentsOfFile:path];
[images addObject:img];
}
self.tomCat.animationImages = images;
self.tomCat.animationRepeatCount = ;
self.tomCat.animationDuration = count * 0.1;
[self.tomCat startAnimating];
} - (IBAction)buttonClicked:(id)sender {
//如果正在播放动画则直接返回
if (self.tomCat.isAnimating) {
return;
}
int count = ; //图片数量
NSString *title = @"drink";
//播放动画
[self playAnimation:count fileName:title];
}
效果图如下：