本篇記錄的是核心動(dòng)畫(huà)的中的CApropertyAnimation中的關(guān)鍵幀動(dòng)畫(huà)部分。非常有用:
關(guān)鍵幀動(dòng)畫(huà)是CApropertyAnimation的子類(lèi)，跟CABasicAnimation的區(qū)別是：CABasicAnimation只能從一個(gè)數(shù)值(fromValue)變到另一個(gè)數(shù)值(toValue)，而CAKeyframeAnimation會(huì)使用一個(gè)NSArray保存這些數(shù)值
屬性解析：
values：就是上述的NSArray對(duì)象。里面的元素稱(chēng)為”關(guān)鍵幀”(keyframe)。動(dòng)畫(huà)對(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中的每一幀.當(dāng)keyTimes沒(méi)有設(shè)置的時(shí)候,各個(gè)關(guān)鍵幀的時(shí)間是平分的說(shuō)明：CABasicAnimation可看做是最多只有2個(gè)關(guān)鍵幀的CAKeyframeAnimation
第一種使用方法:
//view()
voidUIView
創(chuàng)建核心動(dòng)畫(huà)幀動(dòng)畫(huà)
CAKeyframeAnimation *keyAnima=[CAKeyframeAnimation animation];
//使用平移的方式//平移
keyAnima.keyPath=@"position";
//告訴系統(tǒng)要執(zhí)行什么動(dòng)畫(huà)
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)];
//加入幀動(dòng)畫(huà)數(shù)組
keyAnima.values=@[value1,value2,value3,value4,value5];
//設(shè)置動(dòng)畫(huà)執(zhí)行完畢后，不刪除動(dòng)畫(huà)
keyAnima.removedOnCompletion=NO;
//設(shè)置保存動(dòng)畫(huà)的最新?tīng)顟B(tài)
keyAnima.fillMode=kCAFillModeForwards;
//設(shè)置動(dòng)畫(huà)執(zhí)行的時(shí)間
keyAnima.duration=1.0;
//設(shè)置動(dòng)畫(huà)的節(jié)奏(開(kāi)始和結(jié)束時(shí)的快慢)
keyAnima.timingFunction=[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
//設(shè)置代理，開(kāi)始—結(jié)束
[view.layer addAnimation:keyAnima forKey:nil];
可以看得出來(lái)，這個(gè)和之前的基本動(dòng)畫(huà)里的平移動(dòng)畫(huà)類(lèi)似，只不過(guò)它的value變成了一個(gè)數(shù)組了,其中設(shè)置的動(dòng)畫(huà)的執(zhí)行節(jié)奏有如下幾種:(可以自己去嘗試)
kCAMediaTimingFunctionEaseIn
kCAMediaTimingFunctionEaseOut
kCAMediaTimingFunctionEaseInEaseOut
kCAMediaTimingFunctionDefault
第二種方法(使用path)，讓layer在指定的路徑上移動(dòng)
-(void)addKeyFrameAnimationOnView2:(UIView *)view
{
CAKeyframeAnimation *keyAnima = [CAKeyframeAnimation animation];
keyAnima.keyPath = @"position";
keyAnima.duration = 1.0f;
//創(chuàng)建一條路徑
CGMutablePathRef path = CGPathCreateMutable();
//設(shè)置一個(gè)圓的路徑
CGPathAddEllipseInRect(path, NULL, CGRectMake(Width/2, Height/2+100, 50, 50));
keyAnima.path = path; //記得一定要設(shè)置
//release
CGPathRelease(path);
//取消執(zhí)行完后移除動(dòng)畫(huà)
keyAnima.removedOnCompletion = NO;
//設(shè)置保存動(dòng)畫(huà)的最新?tīng)顟B(tài)
keyAnima.fillMode = kCAFillModeForwards;
//設(shè)置動(dòng)畫(huà)的節(jié)奏(這里選擇漸入漸出)
keyAnima.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
[view.layer addAnimation:keyAnima forKey:nil];
停止動(dòng)畫(huà)調(diào)用方法: removeAnimationForKey:即可(前提是要知道需要停止的動(dòng)畫(huà)之前被賦予的key，才能匹配并停止)
視圖的抖動(dòng):
//
180.0//獲取自定義弧度
{
CAKeyframeAnimation *keyAnima = [CAKeyframeAnimation animation];
keyAnima.keyPath = @"transform.rotation";
keyAnima.duration = 0.1f;
//設(shè)置視圖的抖動(dòng)弧度(其實(shí)還是幀動(dòng)畫(huà))
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];
}
寫(xiě)法跟幀動(dòng)畫(huà)沒(méi)有太大區(qū)別，只是要設(shè)置一下重復(fù)的次數(shù)和完成后移除動(dòng)畫(huà)
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
重慶分公司
重慶分公司
