1. 程式人生 > >Android動畫效果之Frame Animation(逐幀動畫)

Android動畫效果之Frame Animation(逐幀動畫)

想要 顯示 star 載體 rop 復雜 ide sources post

前言:

上一篇介紹了Android的Tween Animation(補間動畫) Android動畫效果之Tween Animation(補間動畫),今天來總結下Android的另外一種動畫Frame Animation(逐幀動畫)。

其他幾種動畫效果:

  • Android動畫效果之Tween Animation(補間動畫)
  • Android動畫效果之Frame Animation(逐幀動畫)
  • Android動畫效果之初識Property Animation(屬性動畫)
  • Android動畫效果之Property Animation進階(屬性動畫)
  • Android動畫效果之自定義ViewGroup添加布局動畫

Frame Animation(逐幀動畫):

逐幀動畫(Frame-by-frame Animations)從字面上理解就是一幀挨著一幀的播放圖片,就像放電影一樣。和補間動畫一樣可以通過xml實現也可以通過java代碼實現。接下來借助目前項目中的一個開獎的動畫來總結如何使用。實現效果如下:

技術分享

具體實現過程:

1.)在res/drawable目錄下一個文件lottery_animlist.xml,內容如下:

技術分享
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">

    <item
        android:drawable="@mipmap/lottery_1"
        android:duration="200" />
    <item
        android:drawable="@mipmap/lottery_2"
        android:duration="200" />
    <item
        android:drawable="@mipmap/lottery_3"
        android:duration="200" />
    <item
        android:drawable="@mipmap/lottery_4"
        android:duration="200" />
    <item
        android:drawable="@mipmap/lottery_5"
        android:duration="200" />
    <item
        android:drawable="@mipmap/lottery_6"
        android:duration="200" />

</animation-list>
技術分享

根節點是animation-list(動畫列表),裏面有一個或者多個item節點組成,oneshot屬性表示是否只播放一次,true表示只會播放一次,false表示一直循環播放,內部用item節點聲明一個動畫幀,android:drawable指定此幀動畫所對應的圖片資源,android:druation代表此幀持續的時間,整數,單位為毫秒。

註意:

之前使用eclipse或者Android ADT開發的時候,文件可以放在res/anim和res/drawable兩個文件夾下面,雖然谷歌推薦放在res/drawable文件夾下但是不會報錯,在使用Android studio時候就沒那麽幸運了,如果不放在res/drawable文件夾下面會報如下錯誤:

技術分享

2.)用ImageView控件作為動畫載體來顯示動畫

技術分享
 <ImageView
   android:id="@+id/animation_iv"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center"
   android:layout_margin="10dp"
   android:src="@drawable/lottery_animlist" />
技術分享

這個時候我們運行一下,發現動畫沒有運行而是停留在第一幀,那是因為AnimationDrawable播放動畫是依附在window上面的,而在Activity onCreate方法中調用時Window還未初始化完畢,所有才會停留在第一幀,要想實現播放必須在onWindowFocusChanged中添加如下代碼:

imageView.setImageResource(R.drawable.lottery_animlist);
AnimationDrawable animationDrawable = (AnimationDrawable) imageView.getDrawable();
animationDrawable.start();

如果想要停止播放動畫可以調用AnimationDrawable的stop方法

  imageView.setImageResource(R.drawable.lottery_animlist);
  AnimationDrawable animationDrawable = (AnimationDrawable) imageView.getDrawable();
  animationDrawable.stop();

3.)純Java代碼實現方式

技術分享
AnimationDrawable anim = new AnimationDrawable();
    for (int i = 1; i <= 6; i++) {
    int id = getResources().getIdentifier("lottery_" + i, "mipmap", getPackageName());
    Drawable drawable = getResources().getDrawable(id);
    anim.addFrame(drawable, 200);
    }
    anim.setOneShot(false);
    imageView.setImageDrawable(anim);
    anim.start();
技術分享

4.)AnimationDrawable 幾個常見的api

  • void start() - 開始播放動畫

  • void stop() - 停止播放動畫

  • addFrame(Drawable frame, int duration) - 添加一幀,並設置該幀顯示的持續時間

  • void setOneShoe(boolean flag) - false為循環播放,true為僅播放一次

  • boolean isRunning() - 是否正在播放

總結:

Frame Animation(逐幀動畫)相對來說比較簡單,但是在實際開發中使用的頻率還是比較高的。希望以這個小例子能夠掌握逐幀動畫,但是逐幀動畫只能實現比較小的動畫效果,如果復雜而且幀數比較多的動畫不太建議使用逐幀動畫,一方面是因為會造成OOM,另一方面會顯得很卡,如果真是超級復雜的動畫的話建議選擇雙緩沖繪制View來實現。

Android動畫效果之Frame Animation(逐幀動畫)