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

本篇記錄的是核心動畫的中的CApropertyAnimation中的關(guān)鍵幀動畫部分。非常有用:

關(guān)鍵幀動畫是CApropertyAnimation的子類，跟CABasicAnimation的區(qū)別是：CABasicAnimation只能從一個數(shù)值(fromValue)變到另一個數(shù)值(toValue)，而CAKeyframeAnimation會使用一個NSArray保存這些數(shù)值

屬性解析：

values：就是上述的NSArray對象。里面的元素稱為”關(guān)鍵幀”(keyframe)。動畫對象會在指定的時間(duration)內(nèi)，依次顯示values數(shù)組中的每一個關(guān)鍵幀

path：可以設(shè)置一個CGPathRef\CGMutablePathRef,讓層跟著路徑移動。path只對CALayer的anchorPoint和position起作用。如果你設(shè)置了path，那么values將被忽略

keyTimes：可以為對應(yīng)的關(guān)鍵幀指定對應(yīng)的時間點(diǎn),其取值范圍為0到1.0,keyTimes中的每一個時間值都對應(yīng)values中的每一幀.當(dāng)keyTimes沒有設(shè)置的時候,各個關(guān)鍵幀的時間是平分的說明：CABasicAnimation可看做是最多只有2個關(guān)鍵幀的CAKeyframeAnimation

第一種使用方法:

//給指定view添加關(guān)鍵幀動畫(使用幀數(shù)組的方式)

-(void)addKeyFrameAnimationOnView:(UIView *)view

{

    //1.創(chuàng)建核心動畫(幀動畫)

    CAKeyframeAnimation *keyAnima=[CAKeyframeAnimation animation];

    //使用平移的方式//平移

    keyAnima.keyPath=@"position";

    //告訴系統(tǒng)要執(zhí)行什么動畫

    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)];

    //加入幀動畫數(shù)組

    keyAnima.values=@[value1,value2,value3,value4,value5];

    //設(shè)置動畫執(zhí)行完畢后，不刪除動畫

    keyAnima.removedOnCompletion=NO;

    //設(shè)置保存動畫的最新狀態(tài)

    keyAnima.fillMode=kCAFillModeForwards;

    //設(shè)置動畫執(zhí)行的時間

    keyAnima.duration=1.0;

    //設(shè)置動畫的節(jié)奏(開始和結(jié)束時的快慢)

    keyAnima.timingFunction=[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];

    //設(shè)置代理，開始—結(jié)束

    [view.layer addAnimation:keyAnima forKey:nil];

}

可以看得出來，這個和之前的基本動畫里的平移動畫類似，只不過它的value變成了一個數(shù)組了,其中設(shè)置的動畫的執(zhí)行節(jié)奏有如下幾種:(可以自己去嘗試)

    kCAMediaTimingFunctionLinear

    kCAMediaTimingFunctionEaseIn

    kCAMediaTimingFunctionEaseOut

    kCAMediaTimingFunctionEaseInEaseOut

    kCAMediaTimingFunctionDefault

第二種方法(使用path)，讓layer在指定的路徑上移動

-(void)addKeyFrameAnimationOnView2:(UIView *)view

{

    CAKeyframeAnimation *keyAnima = [CAKeyframeAnimation animation];

    keyAnima.keyPath = @"position";

    keyAnima.duration = 1.0f;

    //創(chuàng)建一條路徑

    CGMutablePathRef path = CGPathCreateMutable();

    //設(shè)置一個圓的路徑

    CGPathAddEllipseInRect(path, NULL, CGRectMake(Width/2, Height/2+100, 50, 50));

    keyAnima.path = path;   //記得一定要設(shè)置

    //release

    CGPathRelease(path);

    //取消執(zhí)行完后移除動畫

    keyAnima.removedOnCompletion = NO;

    //設(shè)置保存動畫的最新狀態(tài)

    keyAnima.fillMode = kCAFillModeForwards;

    //設(shè)置動畫的節(jié)奏(這里選擇漸入漸出)

    keyAnima.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];

    [view.layer addAnimation:keyAnima forKey:nil];

}

停止動畫調(diào)用方法: 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;

    //設(shè)置視圖的抖動弧度(其實(shí)還是幀動畫)

    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];

}

寫法跟幀動畫沒有太大區(qū)別，只是要設(shè)置一下重復(fù)的次數(shù)和完成后移除動畫