核心動畫的接觸點滴(三)

本篇記錄的是核心動畫的中的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];

}

寫法跟幀動畫沒有太大區別，只是要設置一下重復的次數和完成后移除動畫