轉(zhuǎn)自:http://blog.csdn.net/xxxxlee/article/details/50624392
http://www.reibang.com/p/fc9be72adc9f
感謝作者 寫的很詳細(xì)
結(jié)構(gòu): 黑色為繼承
框架 : #import <QuartzCore/QuartzCore.h>
寫動(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)畫的百分比)
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)畫用的最多
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;
}