iOS核心動(dòng)畫(huà)

一、關(guān)于核心動(dòng)畫(huà)的介紹

1、核心動(dòng)畫(huà)作用于layer層, layer有兩個(gè)屬性Position和achroPoint:

positon決定在父類(lèi)圖層中的位置

achorPoint ?決定圖層的哪個(gè)點(diǎn)在position屬性指定的位置

2、核心動(dòng)畫(huà)有:基本動(dòng)畫(huà)、關(guān)鍵幀動(dòng)畫(huà), 動(dòng)畫(huà)組, 轉(zhuǎn)場(chǎng)動(dòng)畫(huà);

核心動(dòng)畫(huà)執(zhí)行過(guò)程都是在后臺(tái)操作的, 不會(huì)阻塞主線程。

3、核心動(dòng)畫(huà)的繼承結(jié)構(gòu):

3.1、CAAnimation

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

屬性說(shuō)明:(引用部分代表來(lái)自CAMediaTiming協(xié)議的屬性)

duration:動(dòng)畫(huà)的持續(xù)時(shí)間

repeatCount:重復(fù)次數(shù),無(wú)限循環(huán)可以設(shè)置HUGE_VALF或者M(jìn)AXFLOAT

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é)束之后

beginTime:可以用來(lái)設(shè)置動(dòng)畫(huà)延遲執(zhí)行時(shí)間,若想延遲2s,就設(shè)置為CACurrentMediaTime()+2,CACurrentMediaTime()為圖層的當(dāng)前時(shí)間

timingFunction:速度控制函數(shù),控制動(dòng)畫(huà)運(yùn)行的節(jié)奏

delegate:動(dòng)畫(huà)代理

3.1.1 CAAnimation——?jiǎng)赢?huà)填充模式

fillMode屬性值(要想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)


3.1.2 CAAnimation——速度控制函數(shù)

速度控制函數(shù)(CAMediaTimingFunction)

1.kCAMediaTimingFunctionLinear(線性):勻速,給你一個(gè)相對(duì)靜態(tài)的感覺(jué)

2.kCAMediaTimingFunctionEaseIn(漸進(jìn)):動(dòng)畫(huà)緩慢進(jìn)入,然后加速離開(kāi)

3.kCAMediaTimingFunctionEaseOut(漸出):動(dòng)畫(huà)全速進(jìn)入,然后減速的到達(dá)目的地

4.kCAMediaTimingFunctionEaseInEaseOut(漸進(jìn)漸出):動(dòng)畫(huà)緩慢的進(jìn)入,中間加速,然后減速的到達(dá)目的地。這個(gè)是默認(rèn)的動(dòng)畫(huà)行為。

3.1.3 CAAnimation -動(dòng)畫(huà)代理方法

CAAnimation在分類(lèi)中定義了代理方法

@interface ?NSObject(CAAnimationDelegate)

-(void)animationDidStart:(CAAnimation*)anim;

-(void)animationDidStop:(CAAnimation*)aim finished:(BOOL)flag;

@end

3.1.4、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;

}

3.1.5 CALayer上動(dòng)畫(huà)的恢復(fù)

#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;

}

3.2 CAProprertyAnimation


CAProprertyAnimation是CAAnimation的子類(lèi),也是個(gè)抽象類(lèi),要想創(chuàng)建動(dòng)畫(huà)對(duì)象,應(yīng)該使用它的兩個(gè)子類(lèi):

CABasicAnimation

CAKeyframeAnimation

屬性說(shuō)明:

keyPath:通過(guò)指定CALayer的一個(gè)屬性名稱為keyPath(NSString類(lèi)型),并且對(duì)CALayer的這個(gè)屬性的值進(jìn)行修改,達(dá)到相應(yīng)的動(dòng)畫(huà)效果。比如,指定@“position”為keyPath,就修改CALayer的position屬性的值,以達(dá)到平移的動(dòng)畫(huà)效果

3.2.1 CABasicAnimation——基本動(dòng)畫(huà)

基本動(dòng)畫(huà),是CAPropertyAnimation的子類(lèi)

屬性說(shuō)明:

nfromValue:keyPath相應(yīng)屬性的初始值

ntoValue: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)有真正被改變。

3.2.2 CAKeyframeAnimation——關(guān)鍵幀動(dòng)畫(huà)

關(guān)鍵幀動(dòng)畫(huà),也是CAPropertyAnimation的子類(lèi),與CABasicAnimation的區(qū)別是:

CABasicAnimation只能從一個(gè)數(shù)值(fromValue)變到另一個(gè)數(shù)值(toValue),而CAKeyframeAnimation會(huì)使用一個(gè)NSArray保存這些數(shù)值

屬性說(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í)間是平分的

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

3.3 CAAnimationGroup——?jiǎng)赢?huà)組

動(dòng)畫(huà)組,是CAAnimation的子類(lèi),可以保存一組動(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í)間

3.4 CATransition——轉(zhuǎn)場(chǎng)動(dòng)畫(huà)

CATransition是CAAnimation的子類(lèi),用于做轉(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ò)渡類(lèi)型

subtype:動(dòng)畫(huà)過(guò)渡方向

startProgress:動(dòng)畫(huà)起點(diǎn)(在整體動(dòng)畫(huà)的百分比)

endProgress:動(dòng)畫(huà)終點(diǎn)(在整體動(dòng)畫(huà)的百分比)


3.5、CADisplayLink

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

CADisplayLink是一個(gè)計(jì)時(shí)器,可以使繪圖代碼與視圖的刷新頻率保持同步,而NSTimer無(wú)法確保計(jì)時(shí)器實(shí)際被觸發(fā)的準(zhǔn)確時(shí)間

使用方法:

定義CADisplayLink并制定觸發(fā)調(diào)用方法

將顯示鏈接添加到主運(yùn)行循環(huán)隊(duì)列

CADisplayLink *link? = [CADisplayLink displayLinkWithTarget:self selector:@selector(update)];

[link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];


二、核心動(dòng)畫(huà)開(kāi)發(fā)步驟

1. ?首先有CALayer

2. 初始化一個(gè)CAAnimation對(duì)象, 并設(shè)置一些懂動(dòng)畫(huà)相關(guān)屬性

3. 通過(guò)調(diào)用CALayer的addAnimation:forKey方法,增加CAAnimation對(duì)象到CALayer中, 這樣就能開(kāi)始執(zhí)行動(dòng)畫(huà)了。

4. 通過(guò)調(diào)用CAlayer的removeAnimationForkey方法, 可以停止CALayer中的動(dòng)畫(huà)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 在iOS中隨處都可以看到絢麗的動(dòng)畫(huà)效果,實(shí)現(xiàn)這些動(dòng)畫(huà)的過(guò)程并不復(fù)雜,今天將帶大家一窺ios動(dòng)畫(huà)全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,698評(píng)論 6 30
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫(huà)效果,實(shí)現(xiàn)這些動(dòng)畫(huà)的過(guò)程并不復(fù)雜,今天將帶大家一窺iOS動(dòng)畫(huà)全貌。在這里你可以看...
    F麥子閱讀 5,274評(píng)論 5 13
  • Core Animation Core Animation,中文翻譯為核心動(dòng)畫(huà),它是一組非常強(qiáng)大的動(dòng)畫(huà)處理API,...
    45b645c5912e閱讀 3,165評(píng)論 0 21
  • 傳送門(mén):《iOS核心動(dòng)畫(huà)高級(jí)技巧》部分源碼 CA利用RunLoop收集圖層 Animatable屬性 的修改(如b...
    SvenLearn閱讀 1,787評(píng)論 3 44
  • 本文將分為四個(gè)部分介紹核心動(dòng)畫(huà): 第一部分將介紹核心動(dòng)畫(huà)的基本概念。 第二部分將介紹動(dòng)畫(huà)實(shí)現(xiàn)原理。 第三部分將介紹...
    曲年閱讀 3,359評(píng)論 1 9

友情鏈接更多精彩內(nèi)容