iOS開發UI篇—核心動畫簡介

來源:互聯網
上載者:User

標籤:

 

一、簡單介紹

Core Animation,中文翻譯為核心動畫,它是一組非常強大的動畫處理API,使用它能做出非常炫麗的動畫效果,而且往往是事半功倍。也就是說,使用少量的代碼就可以實現非常強大的功能。

Core Animation是跨平台的,可以用在Mac OS X和iOS平台。

Core Animation的動畫執行過程都是在後台操作的,不會阻塞主線程。不阻塞主線程,可以理解為在執行動畫的時候還能點擊(按鈕)。

要注意的是,Core Animation是直接作用在CALayer上的,並非UIView。

 

二、Core Animation的使用步驟

1.使用它需要先添加QuartzCore.framework架構和引入主標頭檔<QuartzCore/QuartzCore.h>(iOS7不需要)

2.初始化一個CAAnimation對象,並設定一些動畫相關屬性

3.通過調用CALayer的addAnimation:forKey:方法增加CAAnimation對象到CALayer中,這樣就能開始執行動畫了

4.通過調用CALayer的removeAnimationForKey:方法可以停止CALayer中的動畫

 

三、CAAnimation

類的繼承結構圖

  

CAAnimation是所有動畫類的父類,但是它不能直接使用,應該使用它的子類。

 常見屬性有:

duration:動畫的期間

repeatCount:動畫的重複次數

timingFunction:控制動畫啟動並執行節奏

說明:(1)能用的動畫類只有4個子類:CABasicAnimation、CAKeyframeAnimation、CATransition、CAAnimationGroup

     (2)CAMediaTiming是一個協議(protocol)。

CAPropertyAnimation是CAAnimation的子類,但是不能直接使用,要想建立動畫對象,應該使用它的兩個子類:CABasicAnimation和CAKeyframeAnimation

它有個NSString類型的keyPath屬性,你可以指定CALayer的某個屬性名稱為keyPath,並且對CALayer的這個屬性的值進行修改,達到相應的動畫效果。比如,指定@"position"為keyPath,就會修改CALayer的position屬性的值,以達到平移的動畫效果

 

四、補充說明

所有動畫對象的父類,負責控制動畫的期間和速度,是個抽象類別,不能直接使用,應該使用它具體的子類

屬性解析:(紅色代表來自CAMediaTiming協議的屬性)

duration:動畫的期間

repeatCount:動畫的重複次數

repeatDuration:動畫的重複時間

removedOnCompletion:預設為YES,代表動畫執行完畢後就從圖層上移除,圖形會恢複到動畫執行前的狀態。如果想讓圖層保持顯示動畫執行後的狀態,那就設定為NO,不過還要設定fillMode為kCAFillModeForwards

fillMode:決定當前對象在非active時間段的行為.比如動畫開始之前,動畫結束之後

beginTime:可以用來設定動畫順延強制時間,若想延遲2s,就設定為CACurrentMediaTime()+2,CACurrentMediaTime()為圖層的目前時間

timingFunction:速度控制函數,控制動畫啟動並執行節奏

delegate:動畫代理

 

  

iOS開發UI篇—核心動畫簡介

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.