iOS 動畫(理論篇)

在一段時(shí)間內(nèi)顯示的內(nèi)容發(fā)生變化,這個(gè)過程稱之為Animation(動畫)案淋。Animation作用于圖層距辆,圖層也提供了接口用于添加Animation。當(dāng)需要對圖層進(jìn)行Animation或者需要對Animation做出更多自定義行為的時(shí)候垮卓,就必須用到顯示動畫。顯示動畫基類CAAnimation师幕,能用的動畫類只有CABasicAnimation、CAKeyframeAnimation诬滩、CATransition霹粥、CAAnimationGroup。

UIView層動畫(+ (void)animateWithDuration:.....)

CALayer層動畫(CABasicAnimation,CAKeyframeAnimation)

接下來我會根據(jù)簡單到復(fù)雜的順序解釋如何使用這些動畫疼鸟,注意事項(xiàng)和分析什么時(shí)候使用他們后控。

1.先說簡單的UIView層動畫

簡單哪幾種就不說了,介紹下iOS7之后有的彈簧動畫.

+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay usingSpringWithDamping:(CGFloat)dampingRatio initialSpringVelocity:(CGFloat)velocity options:(UIViewAnimationOptions)options animations:(void(^)(void))animations completion:(void(^__nullable)(BOOLfinished))completionNS_AVAILABLE_IOS(7_0);

usingSpringWithDamping:的范圍為0.0f到1.0f空镜,數(shù)值越小「彈簧」的振動效果越明顯浩淘。

initialSpringVelocity:則表示初始的速度捌朴,數(shù)值越大一開始移動越快。

注意事項(xiàng)

1.animateWithDuration雖然是使用block张抄,但是這個(gè)block不需要我們對變量弱引用砂蔽,因?yàn)樗穷惙椒ā?br>

2.當(dāng)動畫結(jié)束的時(shí)候最好判斷下finishied的狀態(tài),因?yàn)樵诔绦蛑挟?dāng)多個(gè)View刷新的時(shí)候署惯,就可能出現(xiàn)動畫異常的現(xiàn)象左驾。

分析什么時(shí)候使用

1.動畫可能隨時(shí)被打斷的情況最好使用UIView層的動畫,因?yàn)檫@個(gè)動畫是直接更改的View的frame值极谊,我們可以隨時(shí)的記錄到準(zhǔn)確的frame值诡右。

2.只執(zhí)行一次(或者有限幾次)的情況下優(yōu)先使用,因?yàn)檫@個(gè)動畫每次執(zhí)行次數(shù)的參數(shù)轻猖。如果想反復(fù)執(zhí)行一種動畫帆吻,就要使用遞歸,但是遞歸在方法釋放時(shí)很容易出現(xiàn)問題咙边。

代碼:https://github.com/YBYHunter/JM_YUAnimation.git

2.CALayer層動畫

先上個(gè)繼承圖:

CAAnimation:動畫對象的基類

CAAnimationGroup:組合動畫

CATransition:轉(zhuǎn)場動畫

CAPropertyAnimation:屬性動畫

常用的動畫CABasicAnimation,CAKeyframeAnimation都是繼承CAPropertyAnimation.

CABasicAnimation(基礎(chǔ)動畫)的使用

參考這個(gè):http://www.reibang.com/p/02c341c748f9就可以了猜煮,里面已經(jīng)寫的很詳細(xì)了。

CAKeyframeAnimation(關(guān)鍵幀動畫)的使用

參考:http://www.reibang.com/p/b05986ded337

注意事項(xiàng)

1.因?yàn)樾薷牡氖莑ayer層參數(shù)样眠,而不是我們平常使用的UIView層數(shù)據(jù)友瘤。所以執(zhí)行完動畫后要注意你的layer坐標(biāo)是否回歸到正常。

2.動畫只想執(zhí)行一次檐束,需要配置removedOnCompletion辫秧、fillMode兩個(gè)屬性,要不然動畫會自動執(zhí)行逆動畫。

3.關(guān)于CABasicAnimation的delegate是strong屬性問題被丧。我個(gè)人猜測應(yīng)該是動畫過程怕對象銷毀了產(chǎn)生代理回調(diào)不準(zhǔn)確問題盟戏。出現(xiàn)的問題就是內(nèi)存會不斷的往上增加。然后解決方案就是聲明一個(gè)單獨(dú)的類實(shí)現(xiàn)delegate的回調(diào)甥桂。(詳細(xì)辦法http://www.reibang.com/p/02c341c748f9)柿究。

4.一個(gè) CABasicAniamtion 的實(shí)例對象只是一個(gè)數(shù)據(jù)模型,和他綁定到哪一個(gè)layer上是沒有關(guān)系的 黄选。方法addAnimation:forKey:是將 CABasicAniamtion 對象進(jìn)行了 copy 操作的蝇摸。所以在將其添加到一個(gè)layer上之后,我們還是將其再次添加到另一個(gè)layer上的办陷。

5.解決有時(shí)視圖會閃動一下的問題貌夕,我們可以將layer的屬性值設(shè)置為我們的動畫最后要達(dá)到的值,然后再給我們的視圖添加layer動畫民镜。

分析什么時(shí)候使用

1.CABasicAnimation一般反復(fù)循環(huán)的單一動畫使用啡专。

2.CAKeyframeAnimation一般是有多個(gè)幀動畫的時(shí)候使用, 但是每個(gè)幀之間是勻速的制圈,或者是一些其他規(guī)律變化的時(shí)候使用们童。

全部動畫的下載地址:https://github.com/YBYHunter/JM_YUAnimation.git

接下來說下使用貝塞爾曲線畫圖形和動畫畔况。

由于水平有限若發(fā)現(xiàn)有問題的地方請?jiān)u論。

參考:http://www.reibang.com/p/37b7cece75f6

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末慧库,一起剝皮案震驚了整個(gè)濱河市跷跪,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌完沪,老刑警劉巖域庇,帶你破解...
    沈念sama閱讀 217,826評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異覆积,居然都是意外死亡听皿,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,968評論 3 395
  • 文/潘曉璐 我一進(jìn)店門宽档,熙熙樓的掌柜王于貴愁眉苦臉地迎上來尉姨,“玉大人,你說我怎么就攤上這事吗冤∮掷鳎” “怎么了?”我有些...
    開封第一講書人閱讀 164,234評論 0 354
  • 文/不壞的土叔 我叫張陵椎瘟,是天一觀的道長覆致。 經(jīng)常有香客問我,道長肺蔚,這世上最難降的妖魔是什么煌妈? 我笑而不...
    開封第一講書人閱讀 58,562評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮宣羊,結(jié)果婚禮上璧诵,老公的妹妹穿的比我還像新娘。我一直安慰自己仇冯,他們只是感情好之宿,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,611評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著苛坚,像睡著了一般比被。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上泼舱,一...
    開封第一講書人閱讀 51,482評論 1 302
  • 那天姐赡,我揣著相機(jī)與錄音,去河邊找鬼柠掂。 笑死,一個(gè)胖子當(dāng)著我的面吹牛依沮,可吹牛的內(nèi)容都是我干的涯贞。 我是一名探鬼主播枪狂,決...
    沈念sama閱讀 40,271評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼宋渔!你這毒婦竟也來了州疾?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,166評論 0 276
  • 序言:老撾萬榮一對情侶失蹤皇拣,失蹤者是張志新(化名)和其女友劉穎严蓖,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體氧急,經(jīng)...
    沈念sama閱讀 45,608評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡颗胡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,814評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了吩坝。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片毒姨。...
    茶點(diǎn)故事閱讀 39,926評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖钉寝,靈堂內(nèi)的尸體忽然破棺而出弧呐,到底是詐尸還是另有隱情,我是刑警寧澤嵌纲,帶...
    沈念sama閱讀 35,644評論 5 346
  • 正文 年R本政府宣布俘枫,位于F島的核電站,受9級特大地震影響逮走,放射性物質(zhì)發(fā)生泄漏鸠蚪。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,249評論 3 329
  • 文/蒙蒙 一言沐、第九天 我趴在偏房一處隱蔽的房頂上張望邓嘹。 院中可真熱鬧,春花似錦险胰、人聲如沸汹押。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,866評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽棚贾。三九已至,卻和暖如春榆综,著一層夾襖步出監(jiān)牢的瞬間妙痹,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,991評論 1 269
  • 我被黑心中介騙來泰國打工鼻疮, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留怯伊,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,063評論 3 370
  • 正文 我出身青樓判沟,卻偏偏與公主長得像耿芹,于是被迫代替她去往敵國和親崭篡。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,871評論 2 354

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