iOS 核心動畫(3)之顯式動畫

簡介

? ? 在一段時(shí)間內(nèi)顯示的內(nèi)容發(fā)生變化,這個(gè)過程稱之為Animation(動畫)。Animation作用于圖層,圖層也提供了接口用于添加Animation。當(dāng)需要對圖層進(jìn)行Animation或者需要對Animation做出更多自定義行為的時(shí)候,就必須用到顯示動畫。顯示動畫基類CAAnimation,能用的動畫類只有CABasicAnimation、CAKeyframeAnimation、CATransition、CAAnimationGroup。

網(wǎng)上找的圖

動畫類介紹

1.CAAnimation

CAAnimation屬性

? ?有兩個(gè)屬性需要注意下
? ? (1)fillMode屬性的設(shè)置(要想fillMode有效,最好設(shè)置removedOnCompletion=NO)? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? kCAFillModeRemoved 這個(gè)是默認(rèn)值,也就是說當(dāng)動畫開始前和動畫結(jié)束后,動畫對layer都沒有影響,動畫結(jié)束后,layer會恢復(fù)到之前的狀態(tài)。
? ? ? ? ? ? ?kCAFillModeForwards 當(dāng)動畫結(jié)束后,layer會一直保持著動畫最后的狀態(tài)。
? ? ? ? ? ? ?kCAFillModeBackwards 在動畫開始前,只需要將動畫加入了一個(gè)layer,layer便立即進(jìn)入動畫的初始狀態(tài)并等待動畫開始。
? ? ? ? ? ? ?kCAFillModeBoth 這個(gè)其實(shí)就是上面兩個(gè)的合成.動畫加入后開始之前,layer便處于動畫初始狀態(tài),動畫結(jié)束后layer保持動畫最后的狀態(tài)。
? ? (2)速度控制函數(shù)(CAMediaTimingFunction)
? ? ? ? ? ? ?kCAMediaTimingFunctionLinear(線性):勻速,給你一個(gè)相對靜態(tài)的感覺。 ? ? ? ?
? ? ? ? ? ? ?kCAMediaTimingFunctionEaseIn(漸進(jìn)):動畫緩慢進(jìn)入,然后加速離開。
? ? ? ? ? ? ?kCAMediaTimingFunctionEaseOut(漸出):動畫全速進(jìn)入,然后減速的到達(dá)目的地。
? ? ? ? ? ? ?kCAMediaTimingFunctionEaseInEaseOut(漸進(jìn)漸出):動畫緩慢的進(jìn)入,中間加速,然后減速的到達(dá)目的地。這個(gè)是默認(rèn)的動畫行為。

2.CAPropertyAnimation
? ?? CAPropertyAnimation是CAAnimation的子類,也是個(gè)抽象類,要想創(chuàng)建動畫對象,應(yīng)該使用它的兩個(gè)子類:CABasicAnimation和CAKeyframeAnimation。兩個(gè)動畫子類都是對keyPath屬性進(jìn)行操作,通過指定CALayer的一個(gè)屬性名稱為keyPath(NSString類型),并且對CALayer的這個(gè)屬性的值進(jìn)行修改,達(dá)到相應(yīng)的動畫效果。比如,指定@“position”為keyPath,就修改CALayer的position屬性的值,以達(dá)到平移的動畫效果。但要注意,CALayer的屬性必須是"Animatable"。 ??
?(1)CABasicAnimation(基本動畫)
? ? ? ? ? ?隨著動畫的進(jìn)行,在長度為duration的持續(xù)時(shí)間內(nèi),keyPath相應(yīng)屬性的值從fromValue漸漸地變?yōu)閠oValue。keyPath內(nèi)容是CALayer的可動畫Animatable屬性。雖然能夠做很多基本的動畫效果,但是有個(gè)局限性,只能讓CALayer的屬性從某個(gè)值漸變到另一個(gè)值,僅僅是在2個(gè)值之間漸變。

CABasicAnimation屬性

? ? ? ? ? ??舉個(gè)例子:??

CABasicAnimation ?Demo

? ? (2)CAKeyframeAnimation(關(guān)鍵幀動畫)
? ? ? ? ? ? ?CAKeyframeAnimation也是CAPropertyAnimation的子類,與CABasicAnimation的區(qū)別是CABasicAnimation只能從一個(gè)數(shù)值(fromValue)變到另一個(gè)數(shù)值(toValue),而CAKeyframeAnimation會使用一個(gè)NSArray保存這些數(shù)值。CABasicAnimation可看做是只有2個(gè)關(guān)鍵幀的CAKeyframeAnimation。

CAKeyframeAnimation屬性

? ? ? ? ? ? ? 舉個(gè)例子

CAKeyframeAnimation Demo

3.CATransition(轉(zhuǎn)場動畫)
? ?
CATransition是CAAnimation的子類,用于做轉(zhuǎn)場動畫,能夠?yàn)閷犹峁┮瞥銎聊缓鸵迫肫聊坏膭赢嬓Ч?b>。

CATransition屬性

4.CAAnimationGroup
? ? 動畫組,是CAAnimation的子類,可以保存一組動畫對象,將CAAnimationGroup對象加入層后,組中所有動畫對象可以同時(shí)并發(fā)運(yùn)行。默認(rèn)情況下,一組動畫對象是同時(shí)運(yùn)行的,也可以通過設(shè)置動畫對象的beginTime屬性來更改動畫的開始時(shí)間。

CAAnimationGroup屬性

? ? ?舉個(gè)例子

CAAnimationGroup Demo

5.額外
? ?
使用UIView動畫函數(shù)實(shí)現(xiàn)轉(zhuǎn)場動畫----單視圖
? ? + (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void(^)(void))animations completion:(void(^)(BOOLfinished))completion;
? ? 使用UIView動畫函數(shù)實(shí)現(xiàn)轉(zhuǎn)場動畫——雙視圖
? ? + (void)transitionFromView:(UIView*)fromView toView:(UIView*)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void(^__nullable)(BOOLfinished))completion;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容