Android炫酷之動畫簡記

前言

國內的Android大部分應用不重視頁面的簡潔,而且業務邏輯是越攢越多,最終成為一個龐然大物,這個趨勢必然不會在意界面的炫酷,但是今天我淺記一下炫酷之動畫,Android自3.0以前只有逐幀動畫和補間動畫,在3.0以后新增了ObjectAnimator(屬性動畫),在5.0以后又新增了一系列好看的MD風格動畫,當然期間不缺乏一些好用的非官方動畫框架譬如nineoldandroids,但是由于接下來的出場率不高暫且不談,接下來我們當簡談下列舉的動畫,在開談前還得鄭重的提醒句,代碼中動態創建的動畫一定要注意退出,否則動畫所造成的內存泄漏比Bitmap還can忍,它貌似會持續增高。
工具:AS 2.3.1 編譯版本:api 25 構建版本:gradle2.3.1


  • 逐幀動畫(Frame Animation)
  • 補間動畫(Tween Animation)
  • 屬性動畫(Property Animation ) 3.0后新增
  • MateriaDesign
    1.Touch feedback(觸摸反饋)
    2.Reveal effect(揭露效果)
    3.Activity transitions(轉場動畫實在有很多,最出名的莫屬共享元素)
    4.Curved motion(曲線運動)
    5.View state changes (視圖狀態改變)
    6.Animate Vector Drawables(可繪矢量動畫)
  • Lottie(多端支持的未來方向動畫)
逐幀動畫(Frame Animation)

逐幀動畫其實學過Flash的同學絕對不陌生,我們對每一幀設置一個動作,然后連貫的播放起來,這里在Android也是可以這么理解的,做法很簡單,平時我們只需要找美工要一個動作的幾張分解圖,然后XXX就好了,下面來一發例子。


gif5新文件.gif

首先呢我們就先找一些圖片這種東西不是稀缺貨,就像下面這個,共有12張。


逐幀動畫圖片.png

代碼怎么寫呢?
第一步:我們在xml靜態文件中配置這些東西,下面的注釋很重要、很重要、很重要我說三遍。
<?xml version="1.0" encoding="utf-8"?>
<animation-list android:oneshot="false"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <!--
        說明:android:oneshot="false"此屬性為false則表示此逐幀動畫將會循環執行,一般我們使用為循環執行。
        注:經實際操作發現:
            1.此處item無法引用mipmap文件夾下的圖片,動畫圖片只能放置在drawable下面。
            2.此文件只可放置在drawable文件夾下,anim文件夾下無animation-list標簽會報錯,百度上有人說可隨意放置在anim或者drawable文件夾下,
              或許是工具版本有差異,反正官方放置在drawable文件夾下,而我們現在別無選擇。-->
    <item android:drawable="@drawable/ic_loading_white_01" android:duration="100" />
    <item android:drawable="@drawable/ic_loading_white_02" android:duration="100" />
    <item android:drawable="@drawable/ic_loading_white_03" android:duration="100" />
    <item android:drawable="@drawable/ic_loading_white_04" android:duration="100" />
    <item android:drawable="@drawable/ic_loading_white_05" android:duration="100" />
    <item android:drawable="@drawable/ic_loading_white_06" android:duration="100" />
    <item android:drawable="@drawable/ic_loading_white_07" android:duration="100" />
    <item android:drawable="@drawable/ic_loading_white_08" android:duration="100" />
    <item android:drawable="@drawable/ic_loading_white_09" android:duration="100" />
    <item android:drawable="@drawable/ic_loading_white_10" android:duration="100" />
    <item android:drawable="@drawable/ic_loading_white_11" android:duration="100" />
    <item android:drawable="@drawable/ic_loading_white_12" android:duration="100" />
</animation-list>

第二步:既然是動畫就需要動那就那啥。。。需要播放出來,我實際操作在onCreate周期方法中

ImageView imgView = (ImageView) findViewById(R.id.img);
AnimationDrawable animDrawable = (AnimationDrawable) getResources().getDrawable(R.drawable.frame_animation);
animDrawable.setOneShot(false);
imgView.setBackground(animDrawable);
 animDrawable.start();

這里需要注意的就是有博客說此處可能會遇到一個bug,就是控件只顯示第一幀,據說是Window對象未初始化完成,無法添加動畫載體控件的對象所致,這我無法辨別真假,暫且相信為一個低概率事件,出現時就把我上面操作動畫的代碼放到onWindowFocusChanged系統方法里面吧,反正我是遇到只顯示第一幀,不過只是因為沒有animDrawable.start();這里還得鄙視一下那些沒有在onDestroy或者在onPuse等周期方法中銷毀動畫的人,始亂終棄,動畫所造成的內存泄漏是你承擔不起的,不起的,起的,嘀嘀嘀嘀嘀嘀嘀。

if(animDrawable.isRunning()){
            animDrawable.stop();
        }
水波紋(觸摸反饋)

參考例子別忘了這個http://blog.csdn.net/u012209506/article/details/72833936

共享元素動畫 http://blog.sina.com.cn/s/blog_7452896e0102vdko.html(可做參考寫)

共享元素這個東西真的很炫酷,這里不做詳細探究,只記用法

ActivityOptionsCompat options = ActivityOptionsCompat.makeSceneTransitionAnimation(MailDetailsActivity.this, view, "look");
                startActivity(intent,options.toBundle());

目標控件加上android:transitionName="look"即可完成轉場動畫
2者不可缺一

未完,待補充...

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,316評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,481評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 176,241評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,939評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,697評論 6 409
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,182評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,247評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,406評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,933評論 1 334
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,772評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,973評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,516評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,209評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,638評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,866評論 1 285
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,644評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,953評論 2 373

推薦閱讀更多精彩內容