前言
基本概念
基本動(dòng)畫(huà)
動(dòng)畫(huà)組
轉(zhuǎn)場(chǎng)動(dòng)畫(huà)
轉(zhuǎn)場(chǎng)動(dòng)畫(huà) --- UIView
一. 前言
Core Animation是一組非常強(qiáng)大的動(dòng)畫(huà)處理API，能事半功倍的做出非常炫麗的動(dòng)畫(huà)效果，(write less do more)少量的代碼即可實(shí)現(xiàn)非常強(qiáng)大的功能，在Mac OS X和iOS平臺(tái)均可使用
Core Animation的動(dòng)畫(huà)執(zhí)行過(guò)程都是在后臺(tái)操作的，不會(huì)阻塞主線程。
注意：Core Animation直接作用在CALayer上的，并非UIView
二. 基本概念
CAAnimation.png
遵守 CAMediaTiming 協(xié)議
1. Core Animation使用：
- 創(chuàng)建CALayer
- 創(chuàng)建CAAnimation，設(shè)置一些動(dòng)畫(huà)相關(guān)屬性
- 調(diào)用CALayer的addAnimation:forKey:方法，將CAAnimation加到CALayer中，這樣就能開(kāi)始執(zhí)行動(dòng)畫(huà)了
- 調(diào)用CALayer的removeAnimationForKey:方法可以停止CALayer中的動(dòng)畫(huà)
2. CAAnimation簡(jiǎn)介
是所有動(dòng)畫(huà)對(duì)象的父類，負(fù)責(zé)控制動(dòng)畫(huà)的持續(xù)時(shí)間和速度，是個(gè)抽象類，不能直接使用，應(yīng)該使用它具體的子類
屬性說(shuō)明：(紅色代表來(lái)自CAMediaTiming協(xié)議的屬性)
beginTime：可以用來(lái)設(shè)置動(dòng)畫(huà)延遲執(zhí)行時(shí)間，若想延遲2s，就設(shè)置為CACurrentMediaTime()+2，CACurrentMediaTime()為圖層的當(dāng)前時(shí)間
duration：動(dòng)畫(huà)的持續(xù)時(shí)間
repeatCount：重復(fù)次數(shù)，無(wú)限循環(huán)(HUGE_VALF或MAXFLOAT)
repeatDuration：重復(fù)時(shí)間
removedOnCompletion：默認(rèn)為YES，代表動(dòng)畫(huà)執(zhí)行完畢后就從圖層上移除，圖形會(huì)恢復(fù)到動(dòng)畫(huà)執(zhí)行前的狀態(tài)。如果想讓圖層保持顯示動(dòng)畫(huà)執(zhí)行后的狀態(tài)，那就設(shè)置為NO，不過(guò)還要設(shè)置fillMode為kCAFillModeForwards
fillMode：決定當(dāng)前對(duì)象在非active時(shí)間段的行為。比如動(dòng)畫(huà)開(kāi)始之前或者動(dòng)畫(huà)結(jié)束之后
（要想fillMode有效，最好設(shè)置removedOnCompletion = NO）
枚舉：
kCAFillModeRemoved 這個(gè)是默認(rèn)值，也就是說(shuō)當(dāng)動(dòng)畫(huà)開(kāi)始前和動(dòng)畫(huà)結(jié)束后，動(dòng)畫(huà)對(duì)layer都沒(méi)有影響，動(dòng)畫(huà)結(jié)束后，layer會(huì)恢復(fù)到之前的狀態(tài)
kCAFillModeForwards 當(dāng)動(dòng)畫(huà)結(jié)束后，layer會(huì)一直保持著動(dòng)畫(huà)最后的狀態(tài)
kCAFillModeBackwards 在動(dòng)畫(huà)開(kāi)始前，只需要將動(dòng)畫(huà)加入了一個(gè)layer，layer便立即進(jìn)入動(dòng)畫(huà)的初始狀態(tài)并等待動(dòng)畫(huà)開(kāi)始。
kCAFillModeBoth 這個(gè)其實(shí)就是上面兩個(gè)的合成.動(dòng)畫(huà)加入后開(kāi)始之前，layer便處于動(dòng)畫(huà)初始狀態(tài)，動(dòng)畫(huà)結(jié)束后layer保持動(dòng)畫(huà)最后的狀態(tài)
timingFunction：速度控制函數(shù)，控制動(dòng)畫(huà)運(yùn)行的節(jié)奏
枚舉：
kCAMediaTimingFunctionLinear（線性）：勻速，給你一個(gè)相對(duì)靜態(tài)的感覺(jué)
kCAMediaTimingFunctionEaseIn（漸進(jìn)）：動(dòng)畫(huà)緩慢進(jìn)入，然后加速離開(kāi)
kCAMediaTimingFunctionEaseOut（漸出）：動(dòng)畫(huà)全速進(jìn)入，然后減速的到達(dá)目的地
kCAMediaTimingFunctionEaseInEaseOut（漸進(jìn)漸出）：動(dòng)畫(huà)緩慢的進(jìn)入，中間加速，然后減速的到達(dá)目的地。這個(gè)是默認(rèn)的動(dòng)畫(huà)行為。
delegate：動(dòng)畫(huà)代理
@interface NSObject (CAAnimationDelegate)
- (void)animationDidStart:(CAAnimation *)anim;
- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag;
@end
CALayer動(dòng)畫(huà)的暫停和恢復(fù)
#pragma mark 暫停CALayer的動(dòng)畫(huà)
-(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)畫(huà)
-(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)系的開(kāi)始時(shí)間(往后退timeSincePause)
layer.beginTime = timeSincePause;
}
三. 基本動(dòng)畫(huà)
CAPropertyAnimation -- CAAnimation的子類
抽象類，使用它的兩個(gè)子類：
CABasicAnimation
CAKeyframeAnimation
屬性說(shuō)明：
keyPath：通過(guò)指定CALayer的一個(gè)屬性名稱為keyPath（NSString類型），并且對(duì)CALayer的這個(gè)屬性的值進(jìn)行修改，達(dá)到相應(yīng)的動(dòng)畫(huà)效果。比如，指定@“position”為keyPath，就修改CALayer的position屬性的值，以達(dá)到平移的動(dòng)畫(huà)效果
1. CABasicAnimation -- 基本動(dòng)畫(huà)
屬性說(shuō)明:
fromValue：keyPath相應(yīng)屬性的初始值
toValue：keyPath相應(yīng)屬性的結(jié)束值
動(dòng)畫(huà)過(guò)程說(shuō)明：
- 隨著動(dòng)畫(huà)的進(jìn)行，在長(zhǎng)度為duration的持續(xù)時(shí)間內(nèi)，keyPath相應(yīng)屬性的值從fromValue漸漸地變?yōu)閠oValue
- keyPath內(nèi)容是CALayer的可動(dòng)畫(huà)Animatable屬性
如果fillMode=kCAFillModeForwards同時(shí)removedOnComletion=NO，那么在動(dòng)畫(huà)執(zhí)行完畢后，圖層會(huì)保持顯示動(dòng)畫(huà)執(zhí)行后的狀態(tài)。但在實(shí)質(zhì)上，圖層的屬性值還是動(dòng)畫(huà)執(zhí)行前的初始值，并沒(méi)有真正被改變。
2. CAKeyframeAnimation -- 幀動(dòng)畫(huà)
與CABasicAnimation區(qū)別：
- CABasicAnimation只能從一個(gè)數(shù)值（fromValue）變到另一個(gè)數(shù)值（toValue），而CAKeyframeAnimation會(huì)使用一個(gè)NSArray保存這些數(shù)值
- CABasicAnimation可看做是只有2個(gè)關(guān)鍵幀的CAKeyframeAnimation
屬性說(shuō)明：
- values：上述的NSArray對(duì)象。里面的元素稱為“關(guān)鍵幀”(keyframe)。動(dòng)畫(huà)對(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中的每一幀。如果沒(méi)有設(shè)置keyTimes，各個(gè)關(guān)鍵幀的時(shí)間是平分的
3. CAAnimationGrou -- 動(dòng)畫(huà)組
- 動(dòng)畫(huà)組，是CAAnimation的子類，可以保存一組動(dòng)畫(huà)對(duì)象，將CAAnimationGroup對(duì)象加入層后，組中所有動(dòng)畫(huà)對(duì)象可以同時(shí)并發(fā)運(yùn)行
- 屬性說(shuō)明：
animations：用來(lái)保存一組動(dòng)畫(huà)對(duì)象的NSArray
默認(rèn)情況下，一組動(dòng)畫(huà)對(duì)象是同時(shí)運(yùn)行的，也可以通過(guò)設(shè)置動(dòng)畫(huà)對(duì)象的beginTime屬性來(lái)更改動(dòng)畫(huà)的開(kāi)始時(shí)間
4. 轉(zhuǎn)場(chǎng)動(dòng)畫(huà) -- CATransition
CATransition是CAAnimation的子類，用于做轉(zhuǎn)場(chǎng)動(dòng)畫(huà)，能夠?yàn)閷犹峁┮瞥銎聊缓鸵迫肫聊坏膭?dòng)畫(huà)效果。iOS比Mac OS X的轉(zhuǎn)場(chǎng)動(dòng)畫(huà)效果少一點(diǎn)
UINavigationController就是通過(guò)CATransition實(shí)現(xiàn)了將控制器的視圖推入屏幕的動(dòng)畫(huà)效果
動(dòng)畫(huà)屬性:
type：動(dòng)畫(huà)過(guò)渡類型
subtype：動(dòng)畫(huà)過(guò)渡方向
startProgress：動(dòng)畫(huà)起點(diǎn)(在整體動(dòng)畫(huà)的百分比)
endProgress：動(dòng)畫(huà)終點(diǎn)(在整體動(dòng)畫(huà)的百分比)
type.png
創(chuàng)建轉(zhuǎn)場(chǎng)動(dòng)畫(huà)
CATransition *anim = [CATransition animation];
設(shè)置轉(zhuǎn)場(chǎng)類型
anim.type = @"cube";
anim.duration = 1;
設(shè)置轉(zhuǎn)場(chǎng)的方向
anim.subtype = kCATransitionFromLeft;
設(shè)置動(dòng)畫(huà)的開(kāi)始位置
anim.startProgress = 0.5;
設(shè)置動(dòng)畫(huà)的結(jié)束位置
anim.endProgress =0.8;
添加動(dòng)畫(huà)到圖層
[_imageV.layer addAnimation:anim forKey:nil];
要執(zhí)行動(dòng)畫(huà)的代碼稱為轉(zhuǎn)場(chǎng)代碼.
轉(zhuǎn)場(chǎng)動(dòng)畫(huà)要和轉(zhuǎn)場(chǎng)代碼寫在同一個(gè)方法當(dāng)中才有動(dòng)畫(huà)效果.
五. 轉(zhuǎn)場(chǎng)動(dòng)畫(huà) --- UIView
1. 使用UIView動(dòng)畫(huà)函數(shù)實(shí)現(xiàn)轉(zhuǎn)場(chǎng)動(dòng)畫(huà)——單視圖
+ (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion;
參數(shù)說(shuō)明：
duration：動(dòng)畫(huà)的持續(xù)時(shí)間
view：需要進(jìn)行轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的視圖
options：轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的類型
animations：將改變視圖屬性的代碼放在這個(gè)block中
completion：動(dòng)畫(huà)結(jié)束后，會(huì)自動(dòng)調(diào)用這個(gè)block
2. 使用UIView動(dòng)畫(huà)函數(shù)實(shí)現(xiàn)轉(zhuǎn)場(chǎng)動(dòng)畫(huà)——雙視圖
+ (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion;
參數(shù)說(shuō)明：
duration：動(dòng)畫(huà)的持續(xù)時(shí)間
options：轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的類型
animations：將改變視圖屬性的代碼放在這個(gè)block中
completion：動(dòng)畫(huà)結(jié)束后，會(huì)自動(dòng)調(diào)用這個(gè)block
3. UIView和核心動(dòng)畫(huà)對(duì)比
- 核心動(dòng)畫(huà)只用于CALayer，動(dòng)畫(huà)是假象，并沒(méi)有改變真實(shí)的值。
- 如需與用戶交互就使用UIView的動(dòng)畫(huà)，不需則可以使用核心動(dòng)畫(huà)
- 在轉(zhuǎn)場(chǎng)動(dòng)畫(huà)中，核心動(dòng)畫(huà)的類型比較多
根據(jù)一個(gè)路徑做動(dòng)畫(huà)，只能用核心動(dòng)畫(huà)（幀動(dòng)畫(huà)）
動(dòng)畫(huà)組：同時(shí)做多個(gè)動(dòng)畫(huà)
