定时器与 UIView 动画结合的雪花降落的效果

 1 #import "HUAppDelegate.h"
 2 
 3 @implementation HUAppDelegate
 4 
 5 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
 6 {
 7     self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
 8     self.window.backgroundColor = [UIColor whiteColor];
 9     [self.window makeKeyAndVisible];
10     
11     UIImageView *bg = [[UIImageView alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
12     bg.image = [UIImage imageNamed:@"xueshan.jpg"];
13     [self.window addSubview:bg];
14     
15     _snowArray = [[NSMutableArray alloc] init];
16     UIImageView *snow = nil;
17     for (int i  = 0; i < 50; i ++)
18     {
19         snow = [[UIImageView alloc] initWithFrame:CGRectMake(arc4random() % 320, -20, 20, 20)];
20         snow.image = [UIImage imageNamed:@"flake.png"];
21         snow.tag = 0;
22         [self.window addSubview:snow];
23         [_snowArray addObject:snow];
24     }
25     
26     [NSTimer scheduledTimerWithTimeInterval:0.1 target:self selector:@selector(findSnow) userInfo:nil repeats:YES];
27     
28     
29     return YES;
30 }
31 
32 //找雪花
33 - (void)findSnow
34 {
35     UIImageView *aSnow = nil;
36     for (int i = 0; i < _snowArray.count; i ++)
37     {
38         aSnow = [_snowArray objectAtIndex:i];
39         if (aSnow.tag == 0)
40         {
41             aSnow.tag = 1;
42 //            [self snowDown:aSnow];  //如果将这句代码放在这里，后面的 else 以及后面的代码都可以不要，因为放在这里不会出现不被允许动画的雪花又被调用执行一次动画
43             break;
44         }
45         else
46         {
47             aSnow = nil;   //找雪花的时候没有一朵雪花是符合条件的，但这时候 aSnow 仍然有一个值，如果不让它指向空的时候，最后一朵雪花（第50朵）又被使用了一次，此时这多雪花下落的动画还没有结束，再次使用会造成意想不到的结果（有一朵雪花会往上飞）。这个 bug 折磨了我一天，最后还是老师帮助解决的，思维进入了一个误区，还真的是害人不浅。
48         }
49     }
50 
51     [self snowDown:aSnow];  //调用雪花动画的方法，即时让被找到的这朵雪花进行动画
52 }
53 
54 //让一朵雪花动画
55 - (void)snowDown:(UIImageView *)aSnow
56 {
57     [UIView beginAnimations:nil context:aSnow];
58     [UIView setAnimationDuration:7];
59     aSnow.frame = CGRectMake(arc4random() % 320 , 480, 20, 20);
60     [UIView setAnimationDelegate:self];
61     [UIView setAnimationDidStopSelector:@selector(restart:finished:context:)];
62     [UIView commitAnimations];
63 }
64 
65 - (void)restart:(NSString *)animationID finished:(NSNumber *)finished context:(void *)aSnow
66 {
67     UIImageView * snow = (UIImageView *)aSnow;
68     snow.frame = CGRectMake(arc4random() % 320, -20, 20, 20);
69     snow.tag = 0;
70 }//让已经下落到底部的动画重新定位到顶部，达到重用的效果，并且重置 tag 值，此时这多雪花就可以被重新找到，再次进行下落的动画
71 
72 /*
73  注意上面的定时器的时间间隔（0.14）以及雪花下落动画所需要的时间（7），以及数组的长度（50）
74  0.14 * 50 = 7
75  这个时间去的有点巧妙，这是一个临界值，本来我是本着不浪费的原则让每一朵雪花都能够没找到然后进
76  动画，然后出现了上面的 bug, 如果将时间间隔调小一点（雪花动画会出现断层，最后一朵雪花的动画
77  果也会受到影响，此时将数组长度减至10，会发现只有 9 多雪花进行了动画，原理同上），如果将时间
78  调大是可以解决问题的，因为此时在找到最后一朵雪花之前，已经有雪花重新在进行一轮动画了。
79  */
80 
81 @end