本篇記錄的是核心動畫的中的CApropertyAnimation中的關鍵幀動畫部分。非常有用:
關鍵幀動畫是CApropertyAnimation的子類，跟CABasicAnimation的區別是：CABasicAnimation只能從一個數值(fromValue)變到另一個數值(toValue)，而CAKeyframeAnimation會使用一個NSArray保存這些數值
屬性解析：
values：就是上述的NSArray對象。裏面的元素稱爲”關鍵幀”(keyframe)。動畫對象會在指定的時間(duration)內，依次顯示values數組中的每一個關鍵幀
path：可以設置一個CGPathRef\CGMutablePathRef,讓層跟着路徑移動。path只對CALayer的anchorPoint和position起作用。如果你設置了path，那麼values將被忽略
keyTimes：可以爲對應的關鍵幀指定對應的時間點,其取值範圍爲0到1.0,keyTimes中的每一個時間值都對應values中的每一幀.當keyTimes沒有設置的時候,各個關鍵幀的時間是平分的說明：CABasicAnimation可看做是最多隻有2個關鍵幀的CAKeyframeAnimation
第一種使用方法:
//給指定view添加關鍵幀動畫(使用幀數組的方式)
-(void)addKeyFrameAnimationOnView:(UIView *)view
{
//1.創建核心動畫(幀動畫)
CAKeyframeAnimation *keyAnima=[CAKeyframeAnimation animation];
//使用平移的方式//平移
keyAnima.keyPath=@"position";
//告訴系統要執行什麼動畫
NSValue *value1=[NSValue valueWithCGPoint:CGPointMake(100, 100)];
NSValue *value2=[NSValue valueWithCGPoint:CGPointMake(200, 100)];
NSValue *value3=[NSValue valueWithCGPoint:CGPointMake(200, 200)];
NSValue *value4=[NSValue valueWithCGPoint:CGPointMake(100, 200)];
NSValue *value5=[NSValue valueWithCGPoint:CGPointMake(100, 100)];
//加入幀動畫數組
keyAnima.values=@[value1,value2,value3,value4,value5];
//設置動畫執行完畢後，不刪除動畫
keyAnima.removedOnCompletion=NO;
//設置保存動畫的最新狀態
keyAnima.fillMode=kCAFillModeForwards;
//設置動畫執行的時間
keyAnima.duration=1.0;
//設置動畫的節奏(開始和結束時的快慢)
keyAnima.timingFunction=[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
//設置代理，開始—結束
[view.layer addAnimation:keyAnima forKey:nil];
}
可以看得出來，這個和之前的基本動畫裏的平移動畫類似，只不過它的value變成了一個數組了,其中設置的動畫的執行節奏有如下幾種:(可以自己去嘗試)
kCAMediaTimingFunctionLinear
kCAMediaTimingFunctionEaseIn
kCAMediaTimingFunctionEaseOut
kCAMediaTimingFunctionEaseInEaseOut
kCAMediaTimingFunctionDefault
第二種方法(使用path)，讓layer在指定的路徑上移動
-(void)addKeyFrameAnimationOnView2:(UIView *)view
{
CAKeyframeAnimation *keyAnima = [CAKeyframeAnimation animation];
keyAnima.keyPath = @"position";
keyAnima.duration = 1.0f;
//創建一條路徑
CGMutablePathRef path = CGPathCreateMutable();
//設置一個圓的路徑
CGPathAddEllipseInRect(path, NULL, CGRectMake(Width/2, Height/2+100, 50, 50));
keyAnima.path = path; //記得一定要設置
//release
CGPathRelease(path);
//取消執行完後移除動畫
keyAnima.removedOnCompletion = NO;
//設置保存動畫的最新狀態
keyAnima.fillMode = kCAFillModeForwards;
//設置動畫的節奏(這裏選擇漸入漸出)
keyAnima.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
[view.layer addAnimation:keyAnima forKey:nil];
}
停止動畫調用方法: removeAnimationForKey:即可(前提是要知道需要停止的動畫之前被賦予的key，才能匹配並停止)
視圖的抖動:
//給指定視圖
#define angle2Radian(angle) ((angle)/180.0*M_PI) //獲取自定義弧度
添加抖動動畫
-(void)addRotationAnimationOnView:(UIView *)view
{
CAKeyframeAnimation *keyAnima = [CAKeyframeAnimation animation];
keyAnima.keyPath = @"transform.rotation";
keyAnima.duration = 0.1f;
//設置視圖的抖動弧度(其實還是幀動畫)
CGFloat angel = 5.0;
keyAnima.values=@[@(-angle2Radian(angel)),@(angle2Radian(angel)),@(-angle2Radian(angel))];
keyAnima.removedOnCompletion = YES;
keyAnima.repeatCount = 2;
keyAnima.fillMode = kCAFillModeForwards;
[view.layer addAnimation:keyAnima forKey:nil];
}
寫法跟幀動畫沒有太大區別，只是要設置一下重複的次數和完成後移除動畫