一、概要

上一篇簡單的描述了Core Animation相關的內容，並且親自動手實踐了一個動畫，同時也提到了“隱式動畫”和“顯示動畫”，也提到了UIKit動畫，可見iOS的動畫部分確實有些內容需要掌握，所以針對大體三個問題去研究學習：

1、為什麼使用動畫？有哪些好處？

2、動畫都有哪些實現方式？該注意什麼？

3、每種方式都是如何實現動畫的？區別是什麼？

二、動畫基礎

1、iOS動畫使介面互動變得生動，當介面控制元件屬性改變或者更新和切換檢視時放緩節奏，顯得不那麼突兀，增強了使用者體驗，所有好的互動動畫效果是一個App的亮點，是留住使用者比較關鍵的一點。

2、iOS中動畫一般有兩種方式實現UIKit方式和Core Animation方式，而UIKit方式是對Core Animation的進一步封裝，UIKit使用起來很方便，但也失去了一些靈活性。

（1）UIKit動畫：常見如UIView動畫和UIImageView序列幀動畫

a、通過動畫上下文來使用UIView動畫，此種方式在iOS3.2及更早版本被使用，iOS4以後支援書寫更簡單的Block方式

- (void) animationOfUIKit {
    UIView *testView = [[UIView alloc] initWithFrame:CGRectMake(80, 80, 200, 80)];
    testView.backgroundColor = [UIColor redColor];
    [self.view addSubview:testView];
    
    [UIView beginAnimations:@"Test Animation" context:nil];
    //設定動畫播放時間
    [UIView setAnimationDuration:3];
    //設定是否自動逆向播放
    [UIView setAnimationRepeatAutoreverses:YES];
    //設定重複播放次數
    [UIView setAnimationRepeatCount:100];
    //設定動畫曲線
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
    //設定動畫事件
    [UIView setAnimationTransition:UIViewAnimationTransitionNone forView:self.view cache:YES];
    
    //設定代理
    [UIView setAnimationDelegate:self];
    [UIView setAnimationDidStopSelector:@selector(animationOfUIKitDidStop)];
    [UIView setAnimationWillStartSelector:@selector(animationOfUIKitStart)];
    
    testView.backgroundColor = [UIColor cyanColor];
    testView.frame = CGRectMake(80, 80, 100, 40);
    testView.alpha = 0.3;
    
    //提交併開始動畫
    [UIView commitAnimations];
}

- (void) animationOfUIKitStart {
    NSLog(@"animationOfUIKitStart");
}

- (void) animationOfUIKitDidStop {
    NSLog(@"animationOfUIKitDidStop");
}
 

- (void) animationOfUIKitWithBlock {
    UIView *testView = [[UIView alloc] initWithFrame:CGRectMake(80, 80, 200, 80)];
    testView.backgroundColor = [UIColor redColor];
    [self.view addSubview:testView];
    
    [UIView animateWithDuration:3 delay:0
                        options:UIViewAnimationOptionRepeat |
                                UIViewAnimationOptionAutoreverse |
                                UIViewAnimationOptionCurveEaseInOut animations:^{
        testView.backgroundColor = [UIColor cyanColor];
        testView.frame = CGRectMake(80, 80, 100, 40);
        testView.alpha = 0.3;
    } completion:^(BOOL finished) {
        
    }];
}
 

注意：UIView動畫除了可以產生例子a和b中展示的背景顏色（backgroundColor）、框架（frame）、透明度（alpha）動畫，還可以展示的動畫有改變狀態（隱藏或顯示狀態）、改變檢視層次順序（調整檢視的index）、旋轉（檢視上應用仿射變換）。

c、UIImageView序列幀動畫

- (void) animationOfUIImageView {
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:self.view.bounds];
    [self.view addSubview:imageView];
    
    imageView.animationImages = @[[UIImage imageNamed:@"bg.png"],
                                  [UIImage imageNamed:@"image_a.png"],
                                  [UIImage imageNamed:@"image_b.jpg"]];
    imageView.animationDuration = 5;
    imageView.animationRepeatCount = 10;
    [imageView startAnimating];
}

（2）Core Animation動畫

- (void) animationOfCoreAnimation {
    UIView *testView = [[UIView alloc] initWithFrame:CGRectMake(80, 80, 200, 80)];
    testView.backgroundColor = [UIColor redColor];
    [self.view addSubview:testView];
    
    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"backgroundColor"];
    animation.toValue = (id)[UIColor cyanColor].CGColor;
    
    CABasicAnimation *animationFrame = [CABasicAnimation animationWithKeyPath:@"bounds"];
    animationFrame.fromValue = [NSValue valueWithCGRect:CGRectMake(80, 80, 200, 80)];
    animationFrame.toValue = [NSValue valueWithCGRect:CGRectMake(80, 80, 100, 40)];

    CAAnimationGroup* group = [CAAnimationGroup animation];
    group.animations = [NSArray arrayWithObjects:animation, animationFrame, nil];
    group.duration = 3.0;
    group.removedOnCompletion=NO;
    group.fillMode=kCAFillModeForwards;
    group.autoreverses = YES;
    group.repeatCount = 100;
    group.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
    
    [testView.layer addAnimation:group forKey:@"Changes"];
}

注意：Core Animation動畫除了可以提供UIView動畫能提供的效果之外，還可以根據你需要提供更加複雜和絢麗的動畫，例如推擠、揭開、覆蓋、波紋、吸收、翻頁、鏡頭開關效果、空間沿著曲線路徑非線性運動。

3、UIView動畫和Core Animation動畫聯絡和區別

步驟2中實現的幾個動畫，我們發現UIKit動畫和Core Animation動畫都可以實現相似的動畫效果，但要注意一下幾點：

UIView動畫和Core Animation動畫的區別

（1）UIKit動畫使用UIView呼叫，Core Animation則在view.layer中使用

（2）UIKit動畫呼叫簡單，而Core Animation呼叫則複雜一些

（3）UIKit動畫方式侷限較大，而Core Animation則自由很多，可以實現很多奇妙的設計

UIView動畫和Core Animation動畫的聯絡：

（1）實際上UIView是iOS系統中介面元素的基礎，所有頁面都繼承自UIView，但UIView真正的繪圖部分是CALayer，而Core Animation動畫主要在CALayer上操作

（2）但CALayer不能響應使用者事件，所以UIView更像是一個CALayer的管理器，訪問UIView的frame、bounds等屬性，實際上內部操作的是CALayer的frame、bounds等屬性。從繼承關係來看UIView繼承UIResponder，而CALayer繼承NSObject。UIView有一個屬性是layer（CALayer型別），所以理解起來就容易了。

注意：以上我們使用的UIKit和Core Animation動畫都是我們自己定義的，都屬於“顯示動畫”，當一個UI控制元件使用顯示動畫的時候，系統將不在提供“隱式動畫”。

接下來詳細學習Core Animation相關內容。