Android動畫進階指北

原文鏈接 Android Animation Advanced Tricks

前面的文章介紹了動畫的基本使用方法汤善,本文來聊一聊涉及到動畫的高級技巧叼耙,以及一些非常優(yōu)質的學習資源和動畫三方庫和框架发乔。

[圖片上傳失敗...(image-993c4f-1692617804681)]

頁面之間的過渡動畫

常規(guī)的動畫都是針對某一頁面上的某個元素做動畫,這個相對簡單守屉,之前的文章講了很多待诅。但有時候頁面與頁面之間也是需要過渡動畫的,這個可以加強切換的視覺體驗,但最好要注意整個應用內的風格統(tǒng)一奔害,不能A到B是一種切換樣式,B到C卻是另外一種地熄。

主要有兩類华临,一是Activity之間的切換,二是布局之間的切換端考。

Activity之間的切換動畫

因為Activity的創(chuàng)建與啟動以及它的Window的創(chuàng)建和顯示都是由Frameworks來控制的雅潭,甚至于Activity里面的布局何時加載也是由系統(tǒng)決定的,所以對于Activity之間的切換嚴重依賴于Frameworks跛梗,而不同版本的安卓寻馏,支持的情況還不一樣。

傳統(tǒng)的做法

這個是針對 于所有安卓 版本都可以使用的方法核偿,也是最簡單的方式诚欠,就是使用Activity#overridePendingTransition方法。

這個方法并不難,具體如何使用可以參考其文檔轰绵,以及這篇文章粉寞,講的都比較清楚。

使用Transition

在Android 4.4時左腔,系統(tǒng)中加入了一個叫做Transition的東西唧垦,專門用于頁面之間的切換的,但也僅是限于同一個窗口(也即同一個Activity內)的ViewGroup液样。在Android 5.0時又把Activity之間的切換提供了支持振亮,對于5.0以上的版本可以使用這個框架來實現切換,會比傳統(tǒng)的做法都要專業(yè)一些鞭莽。

具體可以參看官方教程坊秸,以及這篇教程這篇文章,講解的都相當好澎怒。

布局之間的過渡切換

這里的布局就是指除Activity以外的褒搔,比如從一個ViewGroup切換到另外一個ViewGroup。其實Fragment本質上就是一個ViewGroup喷面,所以也包含在內星瘾。

在Android 4.4 (Kikat API 19),加入了Transition frameworks惧辈,專門用于解決場景切換琳状,主要是通過Scene對象和Transition對象。Transition對象定義具體針對 哪個ViewGroup做什么樣的動畫咬像,而Scene對象定義了ViewGroup的某一種狀態(tài)算撮,如漸變進入生宛,那么漸變前是一個Scene县昂,完全可見后又是一個Scene,而漸變的過程則叫Transition陷舅。

[圖片上傳失敗...(image-33d80a-1692617804681)]

可以參看官方文檔倒彰,以詳細了解如何使用transition。

復雜動畫的實現邏輯

動畫是一個非常復雜且精深的領域莱睁,千萬不要說做個UI很容易待讳,或者說寫個動畫很容易,要想做好動畫需要很深的功底仰剿,不但需要對動畫框架有深入的了解创淡,也要對整個視覺GUI有深入的理解,并且需要良好的數學與物理知識南吮。

復雜的動畫的復雜度體現在兩個方面琳彩,一個是整體上看起來復雜,也就是是很多不同的動畫的組合;另外一個是具體的某個屬性復雜露乏,如復雜的路徑碧浊,復雜的時間變化或者復雜的形變。分開說瘟仿。

看起來復雜的動畫

這一般是涉及眾多的動畫的組合箱锐,整體表現上看起來特別復雜。就比如說電商可能會有一個購物筐劳较,里面往外飛各種商品的動畫驹止。對于這種就是要把它拆解,拆解開來后观蜗,其實并不復雜幢哨。

[圖片上傳失敗...(image-a72d4c-1692617804681)]

  • 購物車:可以是漸變,不斷的從透明變到不透明嫂便±塘或者干脆不做動畫
  • 商品:預定義一組商品,每次隨機選擇一個毙替,再選擇隨機的位置岸售,然后從底下往上飛(或者從上往下飛),再設置一個隨機的速度厂画,也可以加上旋轉

這樣拆解開來就不復雜了凸丸。

復雜的變幻

這里就要涉及一些數學 和物理知識了,比如用一些特別的曲線袱院,特殊的曲面屎慢,特殊的形變等。

優(yōu)秀的動畫的設計范例

這里就不得不得提到大名頂頂的Dribbble了忽洛,這里有相當優(yōu)秀的設計資源腻惠,其中也有很多動畫設計,可以嘗試著去實現一下欲虚,都很有挑戰(zhàn)集灌。

優(yōu)秀的動畫相關資源

還有一些資源,特別是開源的庫复哆,也非常值得學習和研究和使用欣喧。

MotionLayout

這個并不是三方的,而是官方AndroidX中的梯找,相當的強大唆阿,當然使用起來也略復雜。具體使用方法可以參考 官方教程這篇文章锈锤。

The Top 27 Android Animation Open Source Projects

這里是一個集合驯鳖,里面列出一些優(yōu)秀的動畫相關的開源庫饰躲,都相當的棒。

Android View Animations

有一些針對View的非常炫酷的特效臼隔,如抖動嘹裂,縮放和旋轉等。它是受一個水果上面的動畫庫的激發(fā)摔握。

Material-Animations

主要是介紹如何使用Transition frameworks的寄狼。

Lottie

可以把設計軟件Adobe After Effects直接轉成動畫。

一些插值器

可看這個這個

專門用于加載動畫

里面有各種神奇的加載特效氨淌,非常棒泊愧。是一個前端CSS加載特效的Android上的實現。

教程的示例

這是一個教程集錦盛正,里面也包含各種示例删咱,是一個相當不錯的學習資源。

另外一個教程和示例

與上面的類似豪筝,也是一個集教程與實例在一起的項目痰滋。

Android Animation Detailed Tutorials

一個項目的合集。

原創(chuàng)不易续崖,打賞敲街,點贊在看严望,收藏多艇,分享 總要有一個吧

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市像吻,隨后出現的幾起案子峻黍,更是在濱河造成了極大的恐慌,老刑警劉巖拨匆,帶你破解...
    沈念sama閱讀 206,482評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件姆涩,死亡現場離奇詭異,居然都是意外死亡涮雷,警方通過查閱死者的電腦和手機阵面,發(fā)現死者居然都...
    沈念sama閱讀 88,377評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來洪鸭,“玉大人,你說我怎么就攤上這事仑扑±谰簦” “怎么了?”我有些...
    開封第一講書人閱讀 152,762評論 0 342
  • 文/不壞的土叔 我叫張陵镇饮,是天一觀的道長蜓竹。 經常有香客問我,道長,這世上最難降的妖魔是什么俱济? 我笑而不...
    開封第一講書人閱讀 55,273評論 1 279
  • 正文 為了忘掉前任嘶是,我火速辦了婚禮,結果婚禮上蛛碌,老公的妹妹穿的比我還像新娘聂喇。我一直安慰自己,他們只是感情好蔚携,可當我...
    茶點故事閱讀 64,289評論 5 373
  • 文/花漫 我一把揭開白布希太。 她就那樣靜靜地躺著,像睡著了一般酝蜒。 火紅的嫁衣襯著肌膚如雪誊辉。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,046評論 1 285
  • 那天亡脑,我揣著相機與錄音堕澄,去河邊找鬼。 笑死霉咨,一個胖子當著我的面吹牛奈偏,可吹牛的內容都是我干的。 我是一名探鬼主播躯护,決...
    沈念sama閱讀 38,351評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼惊来,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了棺滞?” 一聲冷哼從身側響起裁蚁,我...
    開封第一講書人閱讀 36,988評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎继准,沒想到半個月后枉证,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 43,476評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡移必,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,948評論 2 324
  • 正文 我和宋清朗相戀三年室谚,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片崔泵。...
    茶點故事閱讀 38,064評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡秒赤,死狀恐怖,靈堂內的尸體忽然破棺而出憎瘸,到底是詐尸還是另有隱情入篮,我是刑警寧澤,帶...
    沈念sama閱讀 33,712評論 4 323
  • 正文 年R本政府宣布幌甘,位于F島的核電站潮售,受9級特大地震影響痊项,放射性物質發(fā)生泄漏。R本人自食惡果不足惜酥诽,卻給世界環(huán)境...
    茶點故事閱讀 39,261評論 3 307
  • 文/蒙蒙 一鞍泉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧肮帐,春花似錦咖驮、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至肮砾,卻和暖如春诀黍,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背仗处。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評論 1 262
  • 我被黑心中介騙來泰國打工眯勾, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人婆誓。 一個月前我還...
    沈念sama閱讀 45,511評論 2 354
  • 正文 我出身青樓吃环,卻偏偏與公主長得像,于是被迫代替她去往敵國和親洋幻。 傳聞我的和親對象是個殘疾皇子郁轻,可洞房花燭夜當晚...
    茶點故事閱讀 42,802評論 2 345

推薦閱讀更多精彩內容