核心動畫

核心動畫 CAAnimation,有三個常用的重要的子類分別為:

CAAnimationGroup: 組動畫

CAPropertyAnimation:屬性動畫

CATransition:轉(zhuǎn)場動畫

其中還有一個很重要的细诸,必須要提出的協(xié)議CAMediaTiming,核心動畫關(guān)于時間類的控制 是遵守了CAMediaTiming中的協(xié)議內(nèi)容,里面可以設(shè)置以下屬性:


1.beginTime 動畫開始的時間 默認(rèn)為0

2.duration 動畫的持續(xù)時間 默認(rèn)為0 持續(xù)時間 受速度的影響 實際的動畫完成時間 = 持續(xù)時間/速度

3.speed 動畫播放的速度 默認(rèn)為1 速度設(shè)置成0 可以暫停動畫

speed 2秒? duration 60秒 動畫真正播放完成的時間 30秒

4.timeOffset 動畫播放時間的偏移量

5.repeatCount 動畫的循環(huán)次數(shù) 默認(rèn)是0 只播放一次

6.repeatDuration 動畫循環(huán)的持續(xù)時間? 只能設(shè)置其中的一個屬性? repeatCount/repeatDuration

7.autoreverses? 是否以動畫的形式 返回到播放之前的狀態(tài)

8.fillMode 設(shè)置當(dāng)前對象在非活動時間段的狀態(tài)

要想fillMode有效 需設(shè)置removedOnCompletion = NO? ?????????

kCAFillModeForwards 當(dāng)動畫結(jié)束后,layer會一直保持著動畫最后的狀態(tài)

kCAFillModeBackwards 立即進(jìn)入動畫的初始狀態(tài)并等待動畫開始

kCAFillModeBoth 動畫加入后開始之前 layer處于動畫初始狀態(tài) 動畫結(jié)束后layer保持動畫最后的狀態(tài)

kCAFillModeRemoved 默認(rèn)值 動畫結(jié)束后 layer會恢復(fù)到之前的狀態(tài)



1?? CAAnimationGroup: 組動畫

CAAnimation的子類猩系,可以保存一組動畫對象寇甸,將CAAnimationGroup對象加入層后,組中所有動畫對象可以同時并發(fā)運行

屬性解析:

animations:用來保存一組動畫對象的NSArray

默認(rèn)情況下拿霉,一組動畫對象是同時運行的,也可以通過設(shè)置動畫對象的beginTime屬性來更改動畫的開始時間

動畫組一般添加的都是基礎(chǔ)動畫涵防,組動畫可以分別單獨的去實現(xiàn)一個個基礎(chǔ)動畫并且不會相互影響沪铭,也可以合起來實現(xiàn),實現(xiàn)幾種效果的結(jié)合火窒。默認(rèn)情況下驮肉,一組動畫對象是同時運行的离钝,也可以通過設(shè)置動畫對象的beginTime屬性來更改動畫的開始時間

2??? CAPropertyAnimation:屬性動畫

CAPropertyAnimation也是個抽象類褪储,本身不具備動畫效果,只有子類才有,CABasicAnimation和CAKeyframeAnimation鲤竹,CABasicAnimation可看做是只有2個關(guān)鍵幀的CAKeyframeAnimation關(guān)鍵幀動畫

1.CABasicAnimation,就是基礎(chǔ)動畫碘橘,能夠?qū)崿F(xiàn)簡單的動畫效果⊙銮荩基礎(chǔ)動畫可以實現(xiàn)動畫的平移纺蛆、旋轉(zhuǎn)、縮放温峭、閃爍识颊、路徑等。


這其中需要一個很重要的屬性transform清笨,實現(xiàn)平移動畫刃跛,我們可以通過transform.translation或者水平transform.translation.x或者垂直平移transform.translation.y添加動畫。


旋轉(zhuǎn)動畫的實現(xiàn)需要設(shè)置3D屬性x检号、y齐苛、z,以及旋轉(zhuǎn)角度凹蜂,其它屬性設(shè)置與平移動畫一樣玛痊。

CATransform3Dtransform3d =CATransform3DMakeRotation(3.1415926,0,0,180);? animation.toValue= [NSValuevalueWithCATransform3D:transform3d];

縮放動畫狂打,就是通過設(shè)置transform.scale這個是圖的屬性路徑,設(shè)置scale值就可以達(dá)到縮放的效果:

CABasicAnimation*animation = [CABasicAnimationanimationWithKeyPath:@"transform.scale"];

2.CAKeyframeAnimation
对省,就是關(guān)鍵幀動畫,能夠讓動畫實現(xiàn)復(fù)雜的動畫效果蒿涎。

相關(guān)屬性:

?*values 關(guān)鍵幀數(shù)組

*path? 路徑軌跡 ,可以設(shè)置一個CGPathRef萤捆、CGMutablePathRef俗或,讓圖層按照路徑軌跡移動。path只對CALayer的anchorPoint和position起作用辛慰。注意:設(shè)置path之后 values會失效

*keyTimes:關(guān)鍵幀所對應(yīng)的時間點帅腌,可以為對應(yīng)的關(guān)鍵幀指定對應(yīng)的時間點麻汰,其取值范圍為0到1.0

keyTimes中的每一個時間值都對應(yīng)values中的每一幀。如果沒有設(shè)置keyTimes五鲫,各個關(guān)鍵幀的時間是平分的

3??? CATransition:轉(zhuǎn)場動畫

轉(zhuǎn)場動畫能夠為圖層提供移出屏幕和移入屏幕的動畫效果

轉(zhuǎn)場動畫的過濾效果:

kCATransitionFade? 交叉淡化過渡

kCATransitionMoveIn 新視圖移到舊視圖上面

kCATransitionPush? 新視圖把舊視圖推出去

kCATransitionReveal 將舊視圖移開,顯示下面的新視圖

私有api

pageCurl? ? ? ? ? ? 向上翻一頁

pageUnCurl? ? ? ? ? 向下翻一頁

rippleEffect? ? ? ? 滴水效果

suckEffect? ? ? ? ? 收縮效果 如一塊布被抽走

cube? ? ? ? ? ? ? ? 立方體效果

oglFlip? ? ? ? ? ? 上下翻轉(zhuǎn)效果

注意 :轉(zhuǎn)場動畫的轉(zhuǎn)場代碼必須和轉(zhuǎn)場動畫代碼寫在一起,否則無效

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末浪耘,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子七冲,更是在濱河造成了極大的恐慌澜躺,老刑警劉巖聋呢,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件削锰,死亡現(xiàn)場離奇詭異毕莱,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)蛹稍,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來拗慨,“玉大人赵抢,你說我怎么就攤上這事声功。” “怎么了其爵?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵摩渺,是天一觀的道長证逻。 經(jīng)常有香客問我抗斤,道長,這世上最難降的妖魔是什么龙宏? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任银酗,我火速辦了婚禮徒像,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘灭衷。我一直安慰自己旁涤,他們只是感情好迫像,可當(dāng)我...
    茶點故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布闻妓。 她就那樣靜靜地躺著,像睡著了一般由缆。 火紅的嫁衣襯著肌膚如雪犁功。 梳的紋絲不亂的頭發(fā)上婚夫,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天限嫌,我揣著相機(jī)與錄音,去河邊找鬼时捌。 笑死怒医,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的奢讨。 我是一名探鬼主播稚叹,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼拿诸!你這毒婦竟也來了扒袖?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤亩码,失蹤者是張志新(化名)和其女友劉穎季率,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體描沟,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡飒泻,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了吏廉。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片席覆。...
    茶點故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖方库,靈堂內(nèi)的尸體忽然破棺而出纵潦,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站估蹄,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏垮兑。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望当犯。 院中可真熱鬧,春花似錦拓诸、人聲如沸馋辈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至驼鞭,卻和暖如春挣棕,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背词身。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工深啤, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人呈昔。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓哀峻,卻偏偏與公主長得像剩蟀,于是被迫代替她去往敵國和親先朦。 傳聞我的和親對象是個殘疾皇子棉浸,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,781評論 2 354

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

  • Core Animation Core Animation嗡害,中文翻譯為核心動畫霸妹,它是一組非常強(qiáng)大的動畫處理API台盯,...
    45b645c5912e閱讀 3,030評論 0 21
  • 一有缆、簡介 Core Animation,中文翻譯為核心動畫,它是一組非常強(qiáng)大的動畫處理API,使用它能做出非常炫麗...
    莦婼姑娘閱讀 963評論 0 4
  • 文 || 張賀 Core Animation簡介 Core Animation拒秘,中文翻譯為核心動畫蔑歌,它是一組非常強(qiáng)...
    張賀閱讀 2,037評論 9 35
  • Core Animation 核心動畫 Core Animation是一組非常強(qiáng)大的動畫處理API,使用它能做出非...
    iOS_Cqlee閱讀 2,315評論 0 8
  • 碎碎念一詞是從我學(xué)校師兄的一篇推文里看到的 他的碎碎念可念到了我心里 那下面就開始我的碎碎念吧紊馏。 昨天 我的好兄弟...
    冬生弟弟閱讀 179評論 0 0