逐帧动画详解

概述
逐帧动画（Frame Animation），是通过将一系列图片按照一定的顺序展示实现的动画。同是视图动画（View Animation），在使用时比补间动画（Tween animation）要简单很多。

一、逐帧动画的使用
(1).使用xml文件创建
节点介绍：
<animation-list>：必须作为根元素，可以包含一个或多个<item>元素。
<item>：代表一帧动画。
属性介绍：
android:oneshot：若等于true，动画只执行一次；否则一直循环。
android:drawable：当前帧所对应的图片资源。
android:duration：当前帧持续的时长，单位毫秒。

示例代码：
/res/drawable目录下添加如下5张图片。

在/res/drawable目录下添加wifi_anim.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="@drawable/card_icon_wifi_0" android:duration="500" />
    <item android:drawable="@drawable/card_icon_wifi_1" android:duration="500" />
    <item android:drawable="@drawable/card_icon_wifi_2" android:duration="500" />
    <item android:drawable="@drawable/card_icon_wifi_3" android:duration="500" />
    <item android:drawable="@drawable/card_icon_wifi_4" android:duration="500" />
</animation-list>

将上面创建的动画应用到布局的View中。

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/wifi_anim"/>

在java代码中启动动画。

// 获取AnimationDrawable对象
AnimationDrawable animation = (AnimationDrawable) imageView.getBackground();
// 启动动画
animation.start();

(2).使用java代码创建
示例代码：

AnimationDrawable animation = new AnimationDrawable();
for (int i = 0; i < 5; i++) {
  int id = getResources().getIdentifier("card_icon_wifi_" + i, "drawable", getPackageName());
  Drawable drawable = getResources().getDrawable(id);
  // 调用addFrame()方法依次添加drawable对象
  animation.addFrame(drawable, 500);
}
// 添加到View中
imageView.setBackgroundDrawable(anim);
// 启动动画
animation.start();

注意：在Activity的onCreate()方法中，由于Window对象还未初始化完成，此时调用animation.start()，动画不会执行。若需要在Activity启动时就显示动画，可以在onWindowFocusChanged(boolean hasFocus)方法中启动。

二、逐帧动画的分析
逐帧动画是通过 AnimationDrawable类来实现。在AnimationDrawable类中，定义了一个AnimationState类型的成员变量mAnimationState，用来存储一系列的drawable对象。

public class AnimationDrawable extends DrawableContainer implements Runnable, Animatable {
    // ...
    private AnimationState mAnimationState;
    // ...
}

AnimationState继承自DrawableContainerState类。AnimationState类自己定义了成员变量mDurations和mOneShot，分别存储每一帧的时长和动画是否需要循环。而在其父类中有一个Drawable类型数组mDrawables，用于存储每一帧drawable对象。

private final static class AnimationState extends DrawableContainerState {
    // ...
    private int[] mDurations;
    private boolean mOneShot = false;
    // ...

    public void addFrame(Drawable dr, int dur) {
        // ...
        int pos = super.addChild(dr);
        mDurations[pos] = dur;
	// ...
    }
    // ...
}

public abstract static class DrawableContainerState extends ConstantState {
    // ...
    Drawable[] mDrawables;
    // ...

    public final int addChild(Drawable dr) {
        // ...
        mDrawables[pos] = dr;
	// ...
    }
}

当调用addFrame()方法时，动画的每一帧被依次添加到成员变量mAnimationState中。

public void addFrame(@NonNull Drawable frame, int duration) {
    mAnimationState.addFrame(frame, duration);
    if (!mRunning) {
        setFrame(0, true, false);
    }
}

最后，调用start()方法启动动画。方法内部调用了setFrame()方法，在setFrame()中调用selectDrawable()，传入当前帧的索引，并在方法最后调用invalidateSelf()重写绘制。

public void start() {
    mAnimating = true;

    if (!isRunning()) {
        // Start from 0th frame.
        setFrame(0, false, mAnimationState.getChildCount() > 1
                || !mAnimationState.mOneShot);
    }
}

private void setFrame(int frame, boolean unschedule, boolean animate) {
    if (frame >= mAnimationState.getChildCount()) {
        return;
    }
    mAnimating = animate;
    mCurFrame = frame;
    selectDrawable(frame);
    if (unschedule || animate) {
        unscheduleSelf(this);
    }
    if (animate) {
        // Unscheduling may have clobbered these values; restore them
        mCurFrame = frame;
        mRunning = true;
        scheduleSelf(this, SystemClock.uptimeMillis() + mAnimationState.mDurations[frame]);
    }
}