iOS中的CoreAnimation

核心動(dòng)畫,也是iOS常用的東西。但以前的時(shí)候居然很少用到,唉。在此需好好記錄一下。

Core Animation,核心動(dòng)畫,是一組非常強(qiáng)大的動(dòng)畫處理API。Core Animation是直接作用在CALayer上的,并不是UIView。

Core Animation依然在QuartzCore.framework中,這個(gè)框架已經(jīng)默認(rèn)加入了工程,因此只需導(dǎo)入頭文件就行了。

先來看看Core Animation里面的繼承結(jié)構(gòu):


繼承結(jié)構(gòu)

其中CAMediaTiming是協(xié)議。在使用過程中,一般不會(huì)直接使用CAAnimation類,而是使用它的子類CABasicAnimation等。其中CAPropertyAnimation也是不能直接使用的,它是提供一個(gè)NSString類型的keyPath屬性,你可以指定CALayer的某個(gè)屬性名為keyPath,并且對CALayer的這個(gè)屬性的值進(jìn)行修改,達(dá)到相應(yīng)的動(dòng)畫效果。比如,指定@"position"為keyPath,就會(huì)修改CALayer的position屬性的值,以達(dá)到平移的動(dòng)畫效果。因此,初始化好CAPropertyAnimation的子類對象后,必須先設(shè)置keyPath,搞清楚要修改的是CALayer的哪個(gè)屬性,執(zhí)行的是怎樣的動(dòng)畫。

Core Animation使用步驟如下:

  1. 初始化一個(gè)CAAnimation對象,并設(shè)置一些動(dòng)畫相關(guān)屬性;
  2. 通過調(diào)用CALayer的addAnimation:forKey:方法增加CAAnimation對象到CALayer中,這樣就能開始執(zhí)行動(dòng)畫;
  3. 通過調(diào)用CALayer的removeAnimationForKey:方法可以停止CALayer中的動(dòng)畫.

CAAnimation的常用屬性有以下幾種:

  1. duration:動(dòng)畫的持續(xù)時(shí)間;
  2. repeatCount:動(dòng)畫的重復(fù)次數(shù);
  3. timingFunction:控制動(dòng)畫運(yùn)行的節(jié)奏;
    timingFunction可選的值有:
    kCAMediaTimingFunctionLinear(線性):勻速,給你一個(gè)相對靜態(tài)的感覺;
    kCAMediaTimingFunctionEaseIn(漸進(jìn)):動(dòng)畫緩慢進(jìn)入,然后加速離開;
    kCAMediaTimingFunctionEaseOut(漸出):動(dòng)畫全速進(jìn)入,然后減速的到達(dá)目的地;
    kCAMediaTimingFunctionEaseInEaseOut(漸進(jìn)漸出):動(dòng)畫緩慢的進(jìn)入,中間加速,然后減速的到達(dá)目的地。這個(gè)是默認(rèn)的動(dòng)畫行為。
  4. delegate:動(dòng)畫代理,用來監(jiān)聽動(dòng)畫的執(zhí)行過程.
    其中代理方法有:

@interface NSObject (CAAnimationDelegate)
// 動(dòng)畫開始執(zhí)行的時(shí)候觸發(fā)這個(gè)方法
-(void)animationDidStart:(CAAnimation *)anim;
// 動(dòng)畫執(zhí)行完畢的時(shí)候觸發(fā)這個(gè)方法
-(void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag;
@end

下面舉幾個(gè)例子:
我們在用動(dòng)畫的時(shí)候,一般用CABasicAnimation類。

平移動(dòng)畫:

- (void)viewDidLoad {
  [super viewDidLoad];
  
  _subView = [[UIView alloc] init];
  _subView.layer.position = CGPointMake(100, 100);
  _subView.layer.bounds = CGRectMake(0, 0, 100, 100);
  _subView.backgroundColor = [UIColor redColor];
  [self.view addSubview:_subView];

  //平移動(dòng)畫
  CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"position"];
  anim.duration = 1.5;

  anim.fromValue = [NSValue valueWithCGPoint:CGPointMake(50, 80)];
  
  //也可以通過transform屬性來設(shè)置
  //CATransform3D form = CATransform3DMakeTranslation(350, 350, 0);
  //anim.toValue = [NSValue valueWithCATransform3D:form];

  anim.delegate = self;

  //保持動(dòng)畫執(zhí)行后的狀態(tài)
  anim.removedOnCompletion = NO;
  anim.fillMode = kCAFillModeForwards;

  [_subView.layer addAnimation:anim forKey:@"translate"];

縮放動(dòng)畫:

//縮放動(dòng)畫
CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"bounds"];
anim.duration = 2;

anim.toValue = [NSValue valueWithCGRect:CGRectMake(0, 0, 30, 30)];
[_subView.layer addAnimation:anim forKey:nil];

旋轉(zhuǎn)動(dòng)畫:

CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"transform"];
anim.duration = 1.5;

// 繞著(0, 0, 1)這個(gè)向量軸順時(shí)針旋轉(zhuǎn)45°
anim.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI_4, 0, 0, 1)];

[_subView.layer addAnimation:anim forKey:nil];

CABasicAnimation改變視圖的方式就是通過初始化的時(shí)候的keyPath來找CALayer中對應(yīng)的屬性,可以從官方文檔中查詢所有的Animatable Properties。

對了,CABasicAnimation只能讓CALayer的屬性從某個(gè)值漸變到另一個(gè)值,僅僅是在2個(gè)值之間漸變。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,460評論 6 538
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,067評論 3 423
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,467評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,468評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,184評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,582評論 1 325
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,616評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,794評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,343評論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,096評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,291評論 1 371
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,863評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,513評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,941評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,190評論 1 291
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,026評論 3 396
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,253評論 2 375

推薦閱讀更多精彩內(nèi)容

  • 本文轉(zhuǎn)載自:http://www.cocoachina.com/ios/20150105/10812.html 為...
    idiot_lin閱讀 1,272評論 0 1
  • 在iOS實(shí)際開發(fā)中常用的動(dòng)畫無非是以下四種:UIView動(dòng)畫,核心動(dòng)畫,幀動(dòng)畫,自定義轉(zhuǎn)場動(dòng)畫。 1.UIView...
    請叫我周小帥閱讀 3,132評論 1 23
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果,實(shí)現(xiàn)這些動(dòng)畫的過程并不復(fù)雜,今天將帶大家一窺ios動(dòng)畫全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,545評論 6 30
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果,實(shí)現(xiàn)這些動(dòng)畫的過程并不復(fù)雜,今天將帶大家一窺iOS動(dòng)畫全貌。在這里你可以看...
    F麥子閱讀 5,134評論 5 13
  • Core Animation Core Animation,中文翻譯為核心動(dòng)畫,它是一組非常強(qiáng)大的動(dòng)畫處理API,...
    45b645c5912e閱讀 3,047評論 0 21