Core Animation的動(dòng)畫執(zhí)行過程都是在后臺(tái)操作的搂擦，不會(huì)阻塞主線程听盖。 Animation是直接作用在CALayer上朦前，并非UIView。

開發(fā)步驟:
1褥符、首先得有CALayer
2龙誊、初始化一個(gè)CAAnimation對(duì)象，并設(shè)置一些動(dòng)畫相關(guān)屬性
3属瓣、通過調(diào)用CALayer的addAnimation:forKey:方法载迄，增加CAAnimation對(duì)象到CALayer中，這樣就能開始執(zhí)行動(dòng)畫了
4抡蛙、通過調(diào)用CALayer的removeAnimationForKey:方法可以停止CALayer中的動(dòng)畫护昧。

核心動(dòng)畫的繼承關(guān)系圖.png

CAAnimation——簡介

• 是所有動(dòng)畫對(duì)象的父類，負(fù)責(zé)控制動(dòng)畫的持續(xù)時(shí)間和速度粗截，是個(gè)抽象類惋耙，不能直接使用，應(yīng)該使用它具體的子類

• 屬性說明：(前5個(gè)來自CAMediaTiming協(xié)議的屬性)
  1. duration：動(dòng)畫的持續(xù)時(shí)間
  • repeatCount：重復(fù)次數(shù)熊昌，無限循環(huán)可以設(shè)置HUGE_VALF或者MAXFLOAT
  • repeatDuration：重復(fù)時(shí)間
  • fillMode：決定當(dāng)前對(duì)象在非 active 時(shí)間段的行為绽榛。比如動(dòng)畫開始之前或者動(dòng)畫結(jié)束之后
    • kCAFillModeRemoved 這個(gè)是默認(rèn)值，也就是說當(dāng)動(dòng)畫開始前和動(dòng)畫結(jié)束后婿屹，動(dòng)畫對(duì)layer都沒有影響灭美，動(dòng)畫結(jié)束后，layer會(huì)恢復(fù)到之前的狀態(tài)昂利。
    • kCAFillModeForwards 當(dāng)動(dòng)畫結(jié)束后届腐，layer會(huì)一直保持動(dòng)畫最后的狀態(tài)。
    • kCAFillModeBackwards 在動(dòng)畫開始前蜂奸，只需要將動(dòng)畫加入了一個(gè)layer犁苏，layer便立即進(jìn)入動(dòng)畫的初始狀態(tài)并等待動(dòng)畫開始。
    • kCAFillModeBoth 這個(gè)其實(shí)就是上面兩個(gè)的合成扩所。動(dòng)畫加入后開始之前围详，layer便處于動(dòng)畫初始狀態(tài)，動(dòng)畫結(jié)束后layer保持動(dòng)畫最后的狀態(tài)祖屏。
  • beginTime：可以用來設(shè)置動(dòng)畫延遲執(zhí)行時(shí)間助赞，若想延遲2s，就設(shè)置為 -
    CACurrentMediaTime()+2赐劣，CACurrentMediaTime()為圖層的當(dāng)前時(shí)間
  • removedOnCompletion：默認(rèn)為YES嫉拐，代表動(dòng)畫執(zhí)行完畢后就從圖層上移除，圖形會(huì)恢復(fù)到動(dòng)畫執(zhí)行前的狀態(tài)魁兼。如果想讓圖層保持顯示動(dòng)畫執(zhí)行后的狀態(tài)婉徘，那就設(shè)置為NO漠嵌，不過還要設(shè)置fillMode為kCAFillModeForwards
  • timingFunction：速度控制函數(shù)，控制動(dòng)畫運(yùn)行的節(jié)奏
  • delegate：動(dòng)畫代理

    @interface NSObject (CAAnimationDelegate)
    -(void)animationDidStart:(CAAnimation *)anim;
    -(void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag;
    @end
    

CALayer上動(dòng)畫的暫停和恢復(fù)

#pragma mark 暫停CALayer的動(dòng)畫
- (void)pauseLayer:(CALayer *)layer {
    CFTimeInterval pausedTime = [layer convertTime:CACurrentMediaTime() 
                                        fromLayer:nil];
    //讓CALayer的時(shí)間停止走動(dòng)
    layer.speed = 0.0;
    //讓CALayer的時(shí)間停留在pausedTime這個(gè)時(shí)刻
    layer.timeOffset = pausedTime;
}

#pragma mark 恢復(fù)CALayer的動(dòng)畫
-(void)resumeLayer:(CALayer*)layer
{
    CFTimeInterval pausedTime = layer.timeOffset;
    // 1. 讓CALayer的時(shí)間繼續(xù)行走
      layer.speed = 1.0;
    // 2. 取消上次記錄的停留時(shí)刻
      layer.timeOffset = 0.0;
    // 3. 取消上次設(shè)置的時(shí)間
      layer.beginTime = 0.0;    
    // 4. 計(jì)算暫停的時(shí)間(這里也可以用CACurrentMediaTime()-pausedTime)
    CFTimeInterval timeSincePause = [layer convertTime:CACurrentMediaTime() fromLayer:nil] - pausedTime;
    // 5. 設(shè)置相對(duì)于父坐標(biāo)系的開始時(shí)間(往后退timeSincePause)
      layer.beginTime = timeSincePause;
}

一盖呼、基本動(dòng)畫

CABasicAnimation

屬性說明:
fromValue：keyPath相應(yīng)屬性的初始值
toValue：keyPath相應(yīng)屬性的結(jié)束值

動(dòng)畫過程說明：
隨著動(dòng)畫的進(jìn)行儒鹿，在長度為duration的持續(xù)時(shí)間內(nèi)，keyPath相應(yīng)屬性的值從fromValue漸漸地變?yōu)?code>toValue
keyPath內(nèi)容是CALayer的可動(dòng)畫Animatable屬性
如果fillMode = kCAFillModeForwards同時(shí)removedOnComletion = NO几晤，那么在動(dòng)畫執(zhí)行完畢后约炎，圖層會(huì)保持顯示動(dòng)畫執(zhí)行后的狀態(tài)。但在實(shí)質(zhì)上蟹瘾，圖層的屬性值還是動(dòng)畫執(zhí)行前的初始值圾浅，并沒有真正被改變。

    //例一：平移效果
    CABasicAnimation * ba = [CABasicAnimation animation];
    ba.keyPath = @"transform.translation.x";
    ba.fromValue = @0;
    ba.toValue = @200;
    
    ba.duration = 3.0;
    
    ba.fillMode = kCAFillModeBoth;
    ba.removedOnCompletion = NO;
    
    [self.orangeView.layer addAnimation:ba forKey:nil];

    //例二：心跳效果
    CABasicAnimation * ba = [CABasicAnimation animation];
    ba.keyPath = @"transform.scale";
    ba.toValue = @0;
    ba.duration = 0.6;
    ba.repeatCount = MAXFLOAT;
    ba.autoreverses = YES;
    [self.imageView.layer addAnimation:ba forKey:nil];

二憾朴、關(guān)鍵幀動(dòng)畫

CAKeyframeAnimation

• 關(guān)鍵幀動(dòng)畫狸捕，也是CAPropertyAnimation的子類，與CABasicAnimation的區(qū)別是：

• CABasicAnimation只能從一個(gè)數(shù)值fromValue變到另一個(gè)數(shù)值toValue众雷，而CAKeyframeAnimation會(huì)使用一個(gè)NSArray保存這些數(shù)值灸拍。

• 屬性說明：

• values：上述的NSArray對(duì)象。里面的元素稱為關(guān)鍵幀keyframe砾省。動(dòng)畫對(duì)象會(huì)在指定的時(shí)間duration內(nèi)鸡岗，依次顯示values數(shù)組中的每一個(gè)關(guān)鍵幀。
• path：可以設(shè)置一個(gè)CGPathRef编兄、CGMutablePathRef轩性，讓圖層按照路徑軌跡移動(dòng)。path只對(duì)CALayer的anchorPoint和position起作用狠鸳。如果設(shè)置了path炮姨，那么values將被忽略。
• keyTimes：可以為對(duì)應(yīng)的關(guān)鍵幀指定對(duì)應(yīng)的時(shí)間點(diǎn)碰煌，其取值范圍為0到1.0，keyTimes中的每一個(gè)時(shí)間值都對(duì)應(yīng)values中的每一幀绅作。如果沒有設(shè)置keyTimes芦圾，各個(gè)關(guān)鍵幀的時(shí)間是平分的。

• CABasicAnimation可看做是只有 2個(gè)關(guān)鍵幀 的CAKeyframeAnimation俄认。

    //例一：圖標(biāo)左右搖擺
    CAKeyframeAnimation *keyframeA = [CAKeyframeAnimation animation];
    keyframeA.keyPath = @"transform.rotation";
    keyframeA.values = @[@(M_PI*3/180.0), @(-M_PI*3/180.0)];
        
    keyframeA.duration = 0.15;
    keyframeA.repeatCount = MAXFLOAT;
    keyframeA.autoreverses = YES;
        
    [self.imageView.layer addAnimation:keyframeA forKey:nil];

    //按軌跡運(yùn)動(dòng)
    CAKeyframeAnimation *keyframeA = [CAKeyframeAnimation animation];
    keyframeA.keyPath = @"position";
    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(self.grassImgV.bounds.size.width*0.5, self.grassImgV.bounds.size.width*0.5) radius:self.grassImgV.bounds.size.width*0.5-35 startAngle:-M_PI endAngle:0 clockwise:YES];
    keyframeA.path = path.CGPath;
    
    keyframeA.duration = 5.0;
    keyframeA.removedOnCompletion = NO;
    keyframeA.fillMode = @"both";
    
    [self.sunL addAnimation:keyframeA forKey:nil];

三个少、動(dòng)畫組

CAAnimationGroup

• 動(dòng)畫組，是CAAnimation的子類眯杏，可以保存一組動(dòng)畫對(duì)象夜焦，將CAAnimationGroup對(duì)象加入層后，組中所有動(dòng)畫對(duì)象可以同時(shí)并發(fā)運(yùn)行岂贩。

• 屬性說明：

- `animations`：用來保存一組動(dòng)畫對(duì)象的`NSArray`茫经。
- 默認(rèn)情況下，一組動(dòng)畫對(duì)象是同時(shí)運(yùn)行的，也可以通過設(shè)置動(dòng)畫對(duì)象的`beginTime`屬性來更改動(dòng)畫的開始時(shí)間卸伞。

    //例：向下平移 的同時(shí) 縮小0.5倍
    CABasicAnimation *animation1 = [CABasicAnimation animation];
    animation1.keyPath = @"transform.translation.y";
    animation1.toValue = @400;
    
    CABasicAnimation *animation2 = [CABasicAnimation animation];
    animation2.keyPath = @"transform.scale";
    animation2.toValue = @0.5;
    
    CAAnimationGroup *group = [CAAnimationGroup animation];
    group.animations = @[animation1, animation2];
    group.duration = 1.0;
    group.fillMode = @"both";
    group.removedOnCompletion = NO;
    
    [self.redView.layer addAnimation:group forKey:nil];

四抹镊、轉(zhuǎn)場(chǎng)動(dòng)畫

CATransition

• CATransition 是CAAnimation的子類，用于做轉(zhuǎn)場(chǎng)動(dòng)畫荤傲，能夠?yàn)閷犹峁┮瞥銎聊缓鸵迫肫聊坏膭?dòng)畫效果垮耳。iOS比Mac OS X的轉(zhuǎn)場(chǎng)動(dòng)畫效果少一點(diǎn)。

• UINavigationController就是通過CATransition實(shí)現(xiàn)了將控制器的視圖推入屏幕的動(dòng)畫效果遂黍。
• 動(dòng)畫屬性：
  • type：動(dòng)畫過渡類型
    • fade, 交叉淡化過渡（關(guān)鍵字）
    • push, 新視圖把舊視圖推出去（關(guān)鍵字）
    • moveIn, 新視圖移到舊視圖上面（關(guān)鍵字）
    • reveal, 將舊視圖移開,顯示下面的新視圖（關(guān)鍵字）
    • cube, 立方體翻滾效果
    • oglFlip, 上下左右翻轉(zhuǎn)效果
    • suckEffect, 收縮效果终佛，如一塊布被抽走（沒有方向）
    • rippleEffect, 水滴效果 （沒有方向）
    • pageCurl, 向上翻頁效果
    • pageUnCurl, 向下翻頁效果
    • cameraIrisHollowOpen, 相機(jī)鏡頭打開效果（沒有方向）
    • cameraIrisHollowClose, 相機(jī)鏡頭關(guān)閉效果（沒有方向）
  • subtype：動(dòng)畫過渡方向
  • startProgress：動(dòng)畫起點(diǎn)(在整體動(dòng)畫的百分比)
  • endProgress：動(dòng)畫終點(diǎn)(在整體動(dòng)畫的百分比)

    //例：一個(gè)imageView連續(xù)播放三張圖片
    //動(dòng)畫的內(nèi)容 和 動(dòng)畫的設(shè)置，要放在一個(gè)方法內(nèi)

    //動(dòng)畫的內(nèi)容
    i++;
    if (i==4) i=1;
    UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"%i", i]];
    self.imageView.image = image;
    
    //動(dòng)畫的設(shè)置
    CATransition *transiton = [CATransition animation];
    transiton.type = @"rippleEffect"; //水滴效果
    transiton.duration = 1.0;
    //transiton.subtype = @"fromRight"; //方向
    //transiton.startProgress = 0.2;
    //transiton.endProgress = 0.8;
    [self.imageView.layer addAnimation:transiton forKey:nil];

• 使用UIView動(dòng)畫函數(shù)實(shí)現(xiàn)轉(zhuǎn)場(chǎng)動(dòng)畫 --- 單視圖

+(void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration
options:(UIViewAnimationOptions)options
animations:(void (^)(void))animations
completion:(void (^)(BOOL finished))completion;

>**參數(shù)說明：**
`duration`：動(dòng)畫的持續(xù)時(shí)間
`view`：需要進(jìn)行轉(zhuǎn)場(chǎng)動(dòng)畫的視圖
`options`：轉(zhuǎn)場(chǎng)動(dòng)畫的類型
`animations`：將改變視圖屬性的代碼放在這個(gè)block中
`completion`：動(dòng)畫結(jié)束后雾家，會(huì)自動(dòng)調(diào)用這個(gè)block


- #####使用`UIView`動(dòng)畫函數(shù)實(shí)現(xiàn)轉(zhuǎn)場(chǎng)動(dòng)畫 --- 雙視圖
>```
+(void)transitionFromView:(UIView *)fromView toView:(UIView *)toView 
                                     duration:(NSTimeInterval)duration 
                                   options:(UIViewAnimationOptions)options
                                   animations:(void (^)(void))animations 
                                completion:(void (^)(BOOL finished))completion;

參數(shù)說明：
duration：動(dòng)畫的持續(xù)時(shí)間
options：轉(zhuǎn)場(chǎng)動(dòng)畫的類型
animations：將改變視圖屬性的代碼放在這個(gè)block中
completion：動(dòng)畫結(jié)束后铃彰，會(huì)自動(dòng)調(diào)用這個(gè)block

UIView與核心動(dòng)畫區(qū)別?

• 核心動(dòng)畫： 只作用在layer。

• 核心動(dòng)畫： 看到的都是假像榜贴，它并沒有去修改UIView的真實(shí)位置豌研。

什么時(shí)候使用核心動(dòng)畫?
1、當(dāng)不需要與用戶進(jìn)行交互唬党，使用核心動(dòng)畫鹃共。
2、當(dāng)要根據(jù)路徑做動(dòng)畫時(shí)驶拱，使用核心動(dòng)畫霜浴。
3、當(dāng)做轉(zhuǎn)場(chǎng)動(dòng)畫時(shí)蓝纲，使用核心動(dòng)畫 阴孟。(核心動(dòng)畫轉(zhuǎn)場(chǎng)類型比較多)

定時(shí)器CADisplayLink

• CADisplayLink是一種以屏幕刷新頻率觸發(fā)的時(shí)鐘機(jī)制，每秒鐘執(zhí)行大約60次左右税迷。

• CADisplayLink是一個(gè)計(jì)時(shí)器永丝，可以使繪圖代碼與視圖的刷新頻率保持同步。而NSTimer無法確保計(jì)時(shí)器實(shí)際被觸發(fā)的準(zhǔn)確時(shí)間箭养。
• 使用方法：
  • 定義CADisplayLink并制定觸發(fā)調(diào)用方法慕嚷。
  • 將CADisplayLink添加到主運(yùn)行循環(huán)隊(duì)列。