Core Animation:核心動(dòng)畫 知識(shí)整理

轉(zhuǎn)自:http://blog.csdn.net/xxxxlee/article/details/50624392
http://www.reibang.com/p/fc9be72adc9f
感謝作者 寫的很詳細(xì)

結(jié)構(gòu): 黑色為繼承
框架 : #import <QuartzCore/QuartzCore.h>

1276164-588fbe9210a83809.png

寫動(dòng)畫 時(shí)琐脏,首先清楚什么是 @property CGPoint anchorPoint;

稱為“定位點(diǎn)”育叁、“錨點(diǎn)”決定著CALayer身上的哪個(gè)點(diǎn)會(huì)在position屬性所指的位置,以自己的左上角為原點(diǎn)(0, 0),它的x、y取值范圍都是0~1急灭,默認(rèn)值為(0.5, 0.5) 不然的話晚唇,動(dòng)畫 會(huì)達(dá)不到你的預(yù)期效果

CoreAnimation 的 子類有:

CAPropertyAnimation【屬性動(dòng)畫】
是CAAnimation的子類,也是個(gè)抽象類夸盟,要想創(chuàng)建動(dòng)畫對(duì)象萤衰,應(yīng)該使用它的兩個(gè)子類: CABasicAnimation
CAKeyframeAnimation

屬性說(shuō)明:
keyPath:通過指定CALayer的一個(gè)屬性名稱為keyPath(NSString類型),并且對(duì)CALayer的這個(gè)屬性的值進(jìn)行修改坏瞄,達(dá)到相應(yīng)的動(dòng)畫效果桂对。比如,指定@“position”為keyPath惦积,就修改CALayer的position屬性的值接校,以達(dá)到平移的動(dòng)畫效果

CABasicAnimation——基本動(dòng)畫
基本動(dòng)畫,是CAPropertyAnimation的子類

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

動(dòng)畫過程說(shuō)明:
隨著動(dòng)畫的進(jìn)行狮崩,在長(zhǎng)度為duration的持續(xù)時(shí)間內(nèi)蛛勉,keyPath相 應(yīng)屬性的值從fromValue漸漸地變?yōu)閠oValue
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í)行前的初始值坦敌,并沒有真正被改變侣诵。

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

關(guān)鍵幀動(dòng)畫,也是CAPropertyAnimation的子類狱窘,與CABasicAnimation的區(qū)別是:

CABasicAnimation只能從一個(gè)數(shù)值(fromValue)變到另一個(gè)數(shù)值(toValue)杜顺,而CAKeyframeAnimation會(huì)使用一個(gè)NSArray保存這些數(shù)值
屬性說(shuō)明:

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

轉(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)畫過渡類型
subtype:動(dòng)畫過渡方向
startProgress:動(dòng)畫起點(diǎn)(在整體動(dòng)畫的百分比)
endProgress:動(dòng)畫終點(diǎn)(在整體動(dòng)畫的百分比)

20160202144204241.png

CAAnimationGroup——?jiǎng)赢嫿M

動(dòng)畫組躲胳,是CAAnimation的子類蜓洪,可以保存一組動(dòng)畫對(duì)象纤勒,將CAAnimationGroup對(duì)象加入層后,組中所有動(dòng)畫對(duì)象可以同時(shí)并發(fā)運(yùn)行

屬性說(shuō)明:

animations:用來(lái)保存一組動(dòng)畫對(duì)象的NSArray
默認(rèn)情況下隆檀,一組動(dòng)畫對(duì)象是同時(shí)運(yùn)行的摇天,也可以通過設(shè)置動(dòng)畫對(duì)象的beginTime屬性來(lái)更改動(dòng)畫的開始時(shí)間

/ 核心動(dòng)畫一切都是假象,并不會(huì)真實(shí)的修改layer的屬性

// UIView真實(shí)改變屬性才能有動(dòng)畫

// 什么時(shí)候使用核心動(dòng)畫,什么時(shí)候使用UIView

// 如果以后在執(zhí)行動(dòng)畫的過程中,不需要與用戶交互,用核心動(dòng)畫

// 核心動(dòng)畫使用場(chǎng)景: 轉(zhuǎn)場(chǎng)動(dòng)畫用的最多

1276164-0b6d528ee96495c8.png

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

屬性說(shuō)明:(前六個(gè)屬性來(lái)自CAMediaTiming協(xié)議的屬性)
duration:動(dòng)畫的持續(xù)時(shí)間
repeatCount:重復(fù)次數(shù)裳仆,無(wú)限循環(huán)可以設(shè)置HUGE_VALF或者M(jìn)AXFLOAT
repeatDuration:重復(fù)時(shí)間
fillMode:決定當(dāng)前對(duì)象在非active時(shí)間段的行為腕让,比如動(dòng)畫開始之前或者動(dòng)畫結(jié)束之后
beginTime:可以用來(lái)設(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)畫代理,用來(lái)監(jiān)聽動(dòng)畫的執(zhí)行過程
fillMode屬性值(要想fillMode有效捐康,最好設(shè)置removedOnCompletion = NO)

kCAFillModeRemoved:這個(gè)是默認(rèn)值仇矾,也就是說(shuō)當(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)
速度控制函數(shù)(CAMediaTimingFunction)

kCAMediaTimingFunctionLinear(線性):勻速磕道,給你一個(gè)相對(duì)靜態(tài)的感覺
kCAMediaTimingFunctionEaseIn(漸進(jìn)):動(dòng)畫緩慢進(jìn)入供屉,然后加速離開
kCAMediaTimingFunctionEaseOut(漸出):動(dòng)畫全速進(jìn)入,然后減速的到達(dá)目的地
kCAMediaTimingFunctionEaseInEaseOut(漸進(jìn)漸出):動(dòng)畫緩慢的進(jìn)入,中間加速伶丐,然后減速的到達(dá)目

KayPath:
transform.rotation:旋轉(zhuǎn)動(dòng)畫悼做。
transform.rotation.x:按x軸旋轉(zhuǎn)動(dòng)畫。
transform.rotation.y:按y軸旋轉(zhuǎn)動(dòng)畫哗魂。
transform.rotation.z:按z軸旋轉(zhuǎn)動(dòng)畫肛走。
transform.scale:按比例放大縮小動(dòng)畫。
transform.scale.x:在x軸按比例放大縮小動(dòng)畫录别。
transform.scale.y:在y軸按比例放大縮小動(dòng)畫朽色。
transform.scale.z:在z軸按比例放大縮小動(dòng)畫。
position:移動(dòng)位置動(dòng)畫组题。
opacity:透明度動(dòng)畫

strokeEnd :顏色從無(wú)到有

strokeStart :顏色從有到無(wú)

示例代碼 : 代理:CAAnimationDelegate
-(void)addCoreAnimationToView:(UIView *)view {

CABasicAnimation * baseAnimation = [CABasicAnimation animation];
baseAnimation.keyPath = @"bounds.size";
baseAnimation.delegate = self;
baseAnimation.fromValue = [NSValue valueWithCGSize:CGSizeMake(5, 0)];
baseAnimation.toValue = [NSValue valueWithCGSize:CGSizeMake( 5 , 30)];
baseAnimation.repeatCount = MAXFLOAT;
baseAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
//動(dòng)畫完成返回是否有動(dòng)畫效果
baseAnimation.autoreverses = YES;
//動(dòng)畫完成所用時(shí)間
baseAnimation.duration = (float)(50+arc4random()%70)/100;
baseAnimation.beginTime = CACurrentMediaTime() + arc4random()% 1;
view.layer.anchorPoint = CGPointMake(1,1);
[view.layer addAnimation:baseAnimation forKey:@"bounds.size"];

}

pragma mark - 動(dòng)畫代理方法

//動(dòng)畫開始

  • (void)animationDidStart:(CAAnimation *)anim{
NSLog(@"動(dòng)畫開始調(diào)用代理方法");

}
//動(dòng)畫結(jié)束

  • (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag{
NSLog(@"動(dòng)畫結(jié)束葫男,調(diào)用代理方法");

}

pragma mark -暫停與開始動(dòng)畫

//暫停layer上面的動(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;

}
//繼續(xù)layer上面的動(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;
}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市崔列,隨后出現(xiàn)的幾起案子梢褐,更是在濱河造成了極大的恐慌,老刑警劉巖赵讯,帶你破解...
    沈念sama閱讀 218,755評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件盈咳,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡瘦癌,警方通過查閱死者的電腦和手機(jī)猪贪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)讯私,“玉大人热押,你說(shuō)我怎么就攤上這事〗锟埽” “怎么了桶癣?”我有些...
    開封第一講書人閱讀 165,138評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)娘锁。 經(jīng)常有香客問我牙寞,道長(zhǎng),這世上最難降的妖魔是什么莫秆? 我笑而不...
    開封第一講書人閱讀 58,791評(píng)論 1 295
  • 正文 為了忘掉前任间雀,我火速辦了婚禮,結(jié)果婚禮上镊屎,老公的妹妹穿的比我還像新娘惹挟。我一直安慰自己,他們只是感情好缝驳,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評(píng)論 6 392
  • 文/花漫 我一把揭開白布连锯。 她就那樣靜靜地躺著归苍,像睡著了一般。 火紅的嫁衣襯著肌膚如雪运怖。 梳的紋絲不亂的頭發(fā)上拼弃,一...
    開封第一講書人閱讀 51,631評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音摇展,去河邊找鬼吻氧。 笑死,一個(gè)胖子當(dāng)著我的面吹牛吗购,可吹牛的內(nèi)容都是我干的医男。 我是一名探鬼主播,決...
    沈念sama閱讀 40,362評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼捻勉,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了刀森?” 一聲冷哼從身側(cè)響起踱启,我...
    開封第一講書人閱讀 39,264評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎研底,沒想到半個(gè)月后埠偿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,724評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡榜晦,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年冠蒋,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片乾胶。...
    茶點(diǎn)故事閱讀 40,040評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡抖剿,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出识窿,到底是詐尸還是另有隱情斩郎,我是刑警寧澤,帶...
    沈念sama閱讀 35,742評(píng)論 5 346
  • 正文 年R本政府宣布喻频,位于F島的核電站缩宜,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏甥温。R本人自食惡果不足惜锻煌,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望姻蚓。 院中可真熱鬧宋梧,春花似錦、人聲如沸史简。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至跺讯,卻和暖如春枢贿,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背刀脏。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工局荚, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人愈污。 一個(gè)月前我還...
    沈念sama閱讀 48,247評(píng)論 3 371
  • 正文 我出身青樓耀态,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親暂雹。 傳聞我的和親對(duì)象是個(gè)殘疾皇子首装,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評(píng)論 2 355

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

  • 一、簡(jiǎn)介 Core Animation杭跪,中文翻譯為核心動(dòng)畫仙逻,它是一組非常強(qiáng)大的動(dòng)畫處理API,使用它能做出非常炫麗...
    莦婼姑娘閱讀 964評(píng)論 0 4
  • 在iOS實(shí)際開發(fā)中常用的動(dòng)畫無(wú)非是以下四種:UIView動(dòng)畫涧尿,核心動(dòng)畫系奉,幀動(dòng)畫,自定義轉(zhuǎn)場(chǎng)動(dòng)畫姑廉。 1.UIView...
    請(qǐng)叫我周小帥閱讀 3,098評(píng)論 1 23
  • Core Animation Core Animation缺亮,中文翻譯為核心動(dòng)畫,它是一組非常強(qiáng)大的動(dòng)畫處理API桥言,...
    45b645c5912e閱讀 3,032評(píng)論 0 21
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果萌踱,實(shí)現(xiàn)這些動(dòng)畫的過程并不復(fù)雜,今天將帶大家一窺iOS動(dòng)畫全貌限书。在這里你可以看...
    F麥子閱讀 5,113評(píng)論 5 13
  • 文 || 張賀 Core Animation簡(jiǎn)介 Core Animation虫蝶,中文翻譯為核心動(dòng)畫,它是一組非常強(qiáng)...
    張賀閱讀 2,040評(píng)論 9 35