iOS中的CoreAnimation

核心動畫,也是iOS常用的東西袱院。但以前的時候居然很少用到屎慢,唉。在此需好好記錄一下忽洛。

Core Animation腻惠,核心動畫,是一組非常強大的動畫處理API欲虚。Core Animation是直接作用在CALayer上的集灌,并不是UIView。

Core Animation依然在QuartzCore.framework中苍在,這個框架已經默認加入了工程绝页,因此只需導入頭文件就行了。

先來看看Core Animation里面的繼承結構:


繼承結構

其中CAMediaTiming是協(xié)議寂恬。在使用過程中续誉,一般不會直接使用CAAnimation類,而是使用它的子類CABasicAnimation等初肉。其中CAPropertyAnimation也是不能直接使用的酷鸦,它是提供一個NSString類型的keyPath屬性,你可以指定CALayer的某個屬性名為keyPath牙咏,并且對CALayer的這個屬性的值進行修改臼隔,達到相應的動畫效果。比如妄壶,指定@"position"為keyPath摔握,就會修改CALayer的position屬性的值,以達到平移的動畫效果丁寄。因此氨淌,初始化好CAPropertyAnimation的子類對象后,必須先設置keyPath伊磺,搞清楚要修改的是CALayer的哪個屬性盛正,執(zhí)行的是怎樣的動畫。

Core Animation使用步驟如下:

  1. 初始化一個CAAnimation對象屑埋,并設置一些動畫相關屬性;
  2. 通過調用CALayer的addAnimation:forKey:方法增加CAAnimation對象到CALayer中豪筝,這樣就能開始執(zhí)行動畫;
  3. 通過調用CALayer的removeAnimationForKey:方法可以停止CALayer中的動畫.

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

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

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

下面舉幾個例子:
我們在用動畫的時候著蟹,一般用CABasicAnimation類。

平移動畫:

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

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

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

  anim.delegate = self;

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

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

縮放動畫:

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

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

旋轉動畫:

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

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

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

CABasicAnimation改變視圖的方式就是通過初始化的時候的keyPath來找CALayer中對應的屬性梢莽,可以從官方文檔中查詢所有的Animatable Properties萧豆。

對了,CABasicAnimation只能讓CALayer的屬性從某個值漸變到另一個值昏名,僅僅是在2個值之間漸變涮雷。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市轻局,隨后出現(xiàn)的幾起案子洪鸭,更是在濱河造成了極大的恐慌样刷,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,826評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件览爵,死亡現(xiàn)場離奇詭異置鼻,居然都是意外死亡,警方通過查閱死者的電腦和手機蜓竹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,968評論 3 395
  • 文/潘曉璐 我一進店門箕母,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人俱济,你說我怎么就攤上這事嘶是。” “怎么了蛛碌?”我有些...
    開封第一講書人閱讀 164,234評論 0 354
  • 文/不壞的土叔 我叫張陵聂喇,是天一觀的道長。 經常有香客問我蔚携,道長授帕,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,562評論 1 293
  • 正文 為了忘掉前任浮梢,我火速辦了婚禮跛十,結果婚禮上,老公的妹妹穿的比我還像新娘秕硝。我一直安慰自己芥映,他們只是感情好,可當我...
    茶點故事閱讀 67,611評論 6 392
  • 文/花漫 我一把揭開白布远豺。 她就那樣靜靜地躺著奈偏,像睡著了一般。 火紅的嫁衣襯著肌膚如雪躯护。 梳的紋絲不亂的頭發(fā)上惊来,一...
    開封第一講書人閱讀 51,482評論 1 302
  • 那天,我揣著相機與錄音棺滞,去河邊找鬼裁蚁。 笑死,一個胖子當著我的面吹牛继准,可吹牛的內容都是我干的枉证。 我是一名探鬼主播,決...
    沈念sama閱讀 40,271評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼移必,長吁一口氣:“原來是場噩夢啊……” “哼室谚!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,166評論 0 276
  • 序言:老撾萬榮一對情侶失蹤秒赤,失蹤者是張志新(化名)和其女友劉穎猪瞬,沒想到半個月后,有當地人在樹林里發(fā)現(xiàn)了一具尸體入篮,經...
    沈念sama閱讀 45,608評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡陈瘦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,814評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了崎弃。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,926評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡含潘,死狀恐怖饲做,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情遏弱,我是刑警寧澤盆均,帶...
    沈念sama閱讀 35,644評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站漱逸,受9級特大地震影響泪姨,放射性物質發(fā)生泄漏。R本人自食惡果不足惜饰抒,卻給世界環(huán)境...
    茶點故事閱讀 41,249評論 3 329
  • 文/蒙蒙 一肮砾、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧袋坑,春花似錦仗处、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,866評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至也颤,卻和暖如春洋幻,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背翅娶。 一陣腳步聲響...
    開封第一講書人閱讀 32,991評論 1 269
  • 我被黑心中介騙來泰國打工文留, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人竭沫。 一個月前我還...
    沈念sama閱讀 48,063評論 3 370
  • 正文 我出身青樓厂庇,卻偏偏與公主長得像,于是被迫代替她去往敵國和親输吏。 傳聞我的和親對象是個殘疾皇子权旷,可洞房花燭夜當晚...
    茶點故事閱讀 44,871評論 2 354

推薦閱讀更多精彩內容

  • 本文轉載自:http://www.cocoachina.com/ios/20150105/10812.html 為...
    idiot_lin閱讀 1,255評論 0 1
  • 在iOS實際開發(fā)中常用的動畫無非是以下四種:UIView動畫,核心動畫,幀動畫拄氯,自定義轉場動畫躲查。 1.UIView...
    請叫我周小帥閱讀 3,097評論 1 23
  • 在iOS中隨處都可以看到絢麗的動畫效果,實現(xiàn)這些動畫的過程并不復雜译柏,今天將帶大家一窺ios動畫全貌镣煮。在這里你可以看...
    每天刷兩次牙閱讀 8,489評論 6 30
  • 在iOS中隨處都可以看到絢麗的動畫效果,實現(xiàn)這些動畫的過程并不復雜鄙麦,今天將帶大家一窺iOS動畫全貌典唇。在這里你可以看...
    F麥子閱讀 5,111評論 5 13
  • Core Animation Core Animation,中文翻譯為核心動畫胯府,它是一組非常強大的動畫處理API介衔,...
    45b645c5912e閱讀 3,030評論 0 21