[iOS基础控件 - 3.4] 汤姆猫

浏览数：18 / 时间：2015年06月11日

需求:

1.点击按钮播放相应动画

2.点击汤姆猫身体部分（头、脚、尾巴）显示动画

3.当前正在播放动画不可触发其他动画

4.优化缓存、内存管理

A.序列帧动画

#1. png格式的文件可以不带扩展名访问，而且可以放到”Images.scassets”的组中预览，jpg只能放到support file中了，而且访问的时候要写上扩展名

#2. 在ViewController中的属性栏可以设置storyboard模型的大小

#3. 拖入文件夹的时候要选择“Create Groups"才能正确引用，不要选择”Create Folder References"

1.Create groups for any added folders:把选择的文件添加到工程的group下，如果你选择的是文件，则把文件夹认为是group。他添加的文件夹对应的工程目录和文件路径不一定是一一对应的。你可以删除文件，可以把这个文件删除在工程外，也可以删除文件对应的本地文件。应该它生成的文件夹是黄色的。

2.Create folder references for any added folders：这种方法是建立一个文件夹的索引，同时文件夹中的所有文件也会添加到整个工程。他添加的文件夹对应的工程目录和文件路径是一一对应的。你要删除其中的文件的话可以直接到文件目录下把文件删除，然后再刷新一下目录，文件就会被删除了。这样添加文件夹的方法很方便，你在做cocos2d的工程时应该会经常用到。应该他生成的文件夹是蓝色的

#4. 整型占位符的0填充: %02d代表两位整型，高位不满的用0填充

1.动画执行方法

1     self.tom.animationImages = images; // 存储了多张组成动画的图片
2    
3     [self.tom setAnimationRepeatCount:1]; // 默认0是无限次
4     [self.tom setAnimationDuration: images.count/FramesCount];
5     [self.tom startAnimating];

2.图片缓存机制&释放内存

a.使用 UIImage *image = [UIImage imageNamed:fileName];

会存储图片到混存，加载大量图片的时候会消耗大量内存

1         // imageNamed: 有缓存
2 //        UIImage *image = [UIImage imageNamed:fileName];
3        
4         // imageWithContentOfFile: 没有缓存（传入文件的全路径)
5         NSBundle *bundle = [NSBundle mainBundle];
6         NSString *path = [bundle pathForResource:fileName ofType:nil];
7         UIImage *image = [UIImage imageWithContentsOfFile:path];

b.释放图片内存

    [self.tom performSelector:@selector(setAnimationImages:) withObject:nil afterDelay:self.tom.animationDuration + 1];

B.汤姆猫主要代码（使用storyboard拖曳控件方式)

 1 #import "ViewController.h"
 2 
 3 #define FramesCount 24 // 动画帧数/秒
 4 
 5 @interface ViewController ()
 6 @property (weak, nonatomic) IBOutlet UIImageView *tom;
 7 
 8 - (IBAction)drink;
 9 - (IBAction)knockHead;
10 
11 @end
12 
13 @implementation ViewController
14 
15 - (void)viewDidLoad {
16     [super viewDidLoad];
17     // Do any additional setup after loading the view, typically from a nib.
18     
19 }
20 
21 - (void)didReceiveMemoryWarning {
22     [super didReceiveMemoryWarning];
23     // Dispose of any resources that can be recreated.
24 }
25 
26 /** 点击牛奶按钮 */
27 - (IBAction)drink {
28     [self runAnimationWithName:@"drink" andCount:80];
29 }
30 
31 /** 点击头部 */
32 // 实质是在头部放置了一个不带文字的透明按钮
33 - (IBAction)knockHead {
34     [self runAnimationWithName:@"knockout" andCount:80];
35 }
36 
37 /** 运行相应动画 */
38 - (void) runAnimationWithName:(NSString *) animationName andCount:(int) count {
39     if (self.tom.isAnimating) return;
40     
41     NSMutableArray *images = [NSMutableArray array];
42     for (int i=0; i <= count; i++) {
43         NSString *fileName = [NSString stringWithFormat:@"%@_%02d.jpg", animationName, i];
44         
45         // imageNamed: 有缓存
46 //        UIImage *image = [UIImage imageNamed:fileName];
47         
48         // imageWithContentOfFile: 没有缓存（传入文件的全路径)
49         NSBundle *bundle = [NSBundle mainBundle];
50         NSString *path = [bundle pathForResource:fileName ofType:nil];
51         UIImage *image = [UIImage imageWithContentsOfFile:path];
52         
53         [images addObject:image];
54     }
55     
56     self.tom.animationImages = images; // 存储了多张组成动画的图片
57     
58     [self.tom setAnimationRepeatCount:1]; // 默认0是无限次
59     [self.tom setAnimationDuration: images.count/FramesCount];
60     [self.tom startAnimating];
61     
62     [self.tom performSelector:@selector(setAnimationImages:) withObject:nil afterDelay:self.tom.animationDuration + 1];
63 }
64 
65 
66 @end