iOS 動(dòng)畫(huà)實(shí)現(xiàn)空中"攔截憤怒小鳥(niǎo)"效果.

在上一文(iOS 解決 UIButton 執(zhí)行動(dòng)畫(huà)后點(diǎn)擊失效問(wèn)題)解決了執(zhí)行動(dòng)畫(huà)后不能響應(yīng)點(diǎn)擊的問(wèn)題后,自己就實(shí)現(xiàn)了一個(gè)酷炫的效果.
簡(jiǎn)單描述一下:天空中飛過(guò)幾只憤怒小鳥(niǎo),手一點(diǎn),憤怒的小鳥(niǎo)落下.非常簡(jiǎn)單的一個(gè)過(guò)程.
先上張效果圖:


效果圖.gif

實(shí)現(xiàn)的思路:
1).隨機(jī)產(chǎn)生幾個(gè)UIImageView,對(duì) UIImageView 使用animationImages 來(lái)實(shí)現(xiàn)在空中飛的不同狀態(tài).
2).使用了UIBezierPath 來(lái)繪制小鳥(niǎo)的飛行路徑,這里使用了兩個(gè)函數(shù) cos 和 sin,就是圖中的曲線,對(duì)imageView.layer 添加CAKeyframeAnimation 沿著曲線移動(dòng).同時(shí)設(shè)置CAKeyframeAnimation 的代理當(dāng)這次動(dòng)畫(huà)執(zhí)行結(jié)束后,開(kāi)始下一次動(dòng)畫(huà),按照1),2)順序一直執(zhí)行.
3).當(dāng)點(diǎn)擊飛行的小鳥(niǎo)時(shí),再使用1)中方法重新設(shè)置小鳥(niǎo)狀態(tài).同時(shí)使用CABasicAnimation 使小鳥(niǎo)往下落.
代碼都比較簡(jiǎn)單,這里不再貼了.快2017年了!2016終結(jié)篇!!!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • 在iOS中隨處都可以看到絢麗的動(dòng)畫(huà)效果,實(shí)現(xiàn)這些動(dòng)畫(huà)的過(guò)程并不復(fù)雜,今天將帶大家一窺ios動(dòng)畫(huà)全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,566評(píng)論 6 30
  • 在iOS實(shí)際開(kāi)發(fā)中常用的動(dòng)畫(huà)無(wú)非是以下四種:UIView動(dòng)畫(huà),核心動(dòng)畫(huà),幀動(dòng)畫(huà),自定義轉(zhuǎn)場(chǎng)動(dòng)畫(huà)。 1.UIView...
    請(qǐng)叫我周小帥閱讀 3,155評(píng)論 1 23
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫(huà)效果,實(shí)現(xiàn)這些動(dòng)畫(huà)的過(guò)程并不復(fù)雜,今天將帶大家一窺iOS動(dòng)畫(huà)全貌。在這里你可以看...
    F麥子閱讀 5,141評(píng)論 5 13
  • 目錄 ** UIView 動(dòng)畫(huà) ** ** Core Animation ** ** FaceBook POP動(dòng)畫(huà)...
    方向_4d0d閱讀 1,651評(píng)論 0 3
  • 概覽 在iOS中隨處都可以看到絢麗的動(dòng)畫(huà)效果,實(shí)現(xiàn)這些動(dòng)畫(huà)的過(guò)程并不復(fù)雜,今天將帶大家一窺iOS動(dòng)畫(huà)全貌。在這里你...
    Yiart閱讀 3,864評(píng)論 3 34