回顾Android帧动画使用

简介

顾名思义，逐帧动画就是将一组图片资源一帧一帧播放，逐帧动画跟补间动画一样都可以通过XML或者Java代码实现。
当然不管哪种方式实现都离不开AnimationDrawable类的支持，我们来了解下这个类。
AnimationDrawable

首先看下它的属性定义：

   <declare-styleable name="AnimationDrawable">
        <attr name="visible" />
        <attr name="variablePadding" />
        <!-- If true, the animation will only run a single time and then
             stop.  If false (the default), it will continually run,
             restarting at the first frame after the last has finished. -->
             //设置为true的话，动画就只会运行一次然后停止，设置为false的话就会接着从第一帧重新开始，默认是false
             //这个属性我们可以在xml中animation-list标签下设置或者在代码中通过setOneShot(boolean oneShot)方法设置
        <attr name="oneshot" format="boolean" />
    </declare-styleable>

    <!-- Represents a single frame inside an AnimationDrawable. -->
    <declare-styleable name="AnimationDrawableItem">
        <!-- Amount of time (in milliseconds) to display this frame. -->
        //单帧的显示时间 单位毫秒
        <attr name="duration" format="integer" />
        <!-- Reference to a drawable resource to use for the frame.  If not
             given, the drawable must be defined by the first child tag. -->
             //当前帧显示的图片资源
        <attr name="drawable" format="reference" />
    </declare-styleable>

它常用的几个方法：

void start() 开始播放动画
void stop() 停止播放动画
boolean isRunning() 判断当前AnimationDrawable是否正在播放
int getNumberOfFrames() 获取所有的帧数
Drawable getFrame(int index) 获取指定帧对应的Drawable对象
int getDuration(int i) 获取指定帧的显示持续时间
boolean isOneShot() 判断当前AnimationDrawable是否循环执行 true代表执行一次，false循环执行
void setOneShot(boolean oneShot) 设置AnimationDrawable是否循环执行
void addFrame(@NonNull Drawable frame, int duration) 为AnimationDrawable添加一帧

具体使用

我们来具体使用一下看下效果：
首先是通过xml实现

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
   android:oneshot="true">

   <item android:drawable="@drawable/img0" android:duration="100"/>
   <item android:drawable="@drawable/img1" android:duration="100"/>
   <item android:drawable="@drawable/img2" android:duration="100"/>
   <item android:drawable="@drawable/img3" android:duration="100"/>
   <item android:drawable="@drawable/img4" android:duration="100"/>
   <item android:drawable="@drawable/img5" android:duration="100"/>
  //这里就展示几个item就好了 都是一样的显示时间就不重复贴了
</animation-list>

然后我们可以在xml文件中对ImageView的android:src/android:background属性直接设置使用或者在代码中设置也是一样的效果的。

<ImageView
        android:id="@+id/iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/frame_anim"
        android:layout_gravity="center"/>

代码中开始动画

//通过设置android:background时，得到AnimationDrawable 用如下方法
        final AnimationDrawable animationDrawable = (AnimationDrawable) iv.getBackground();
        
        //通过设置android:src时，得到AnimationDrawable 用如下方法
        //AnimationDrawable animationDrawable = (AnimationDrawable) iv.getDrawable();

        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                animationDrawable.start();
            }
        });
        
        btn2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                animationDrawable.stop();
            }
        });

这里有个地方要注意下，当我们设置android:oneshot为true时，动画已经播放一次完了之后，需要再次播放动画，这时候我们需要先调用stop()方法之后再调用start()，不然会停在最后一帧。

java代码实现：

 final AnimationDrawable animationDrawable = new AnimationDrawable();
        animationDrawable.setOneShot(true);
        for (int i = 0; i <= 20; i++) {
            int id = getResources().getIdentifier("img" + i, "drawable", getPackageName());//获取图片资源id
            Drawable drawable = getResources().getDrawable(id);   //根据id获取图片资源
            animationDrawable.addFrame(drawable, 100);
        }
        iv.setBackground(animationDrawable);
        
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                animationDrawable.start();
            }
        });
        
        btn2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                animationDrawable.stop();
            }
        });

特别注意：
在我们使用逐帧动画时，要避免使用大尺寸的图片，以免造成OOM。
到此逐帧动画就介绍完了，谢谢。