Android 逐帧动画

Android 3.0 之前的版本，我们能使用的动画类型有两种，分别是逐帧动画和补帧动画；在 Android 3.0 发布时，Android SDK 又引入了更加强大灵活的属性动画，使得复杂动画效果更加容易实现；Android 4.4 中，Android SDK 又带来了 android.transition 框架，可以以更直观的方式定义动画效果。

逐帧动画

逐帧动画(Frame Animation)，是最简单最直观的动画类型，它利用人眼的视觉暂留效应 ---- 也就是光对视网膜所产生视觉在光停止动作后，仍然保留一段时间的现象。
开发者指定动画中每一帧对应的图片和持续时间，就可以开始播放动画。定义逐帧动画，可以采用 XML 资源文件或者代码实现。

1. XML 资源文件方式

新建一个动画 XML 文件，在文件中使用 <animation-list> 标签来定义动画帧序列，使用 <item> 标签来定义动画的每一帧，并在其中指定帧的持续时间等属性。

<?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/img00"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img01"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img02"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img03"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img04"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img05"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img06"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img07"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img08"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img10"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img11"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img12"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img13"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img14"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img15"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img16"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img17"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img18"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img19"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img20"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img21"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img22"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img23"
        android:duration="120" />
    <item
        android:drawable="@mipmap/img24"
        android:duration="120" />
</animation-list>

oneshot 用来控制动画是否循环播放，如果取值为 true，表示动画不会循环播放，否则动画会循环播放；duration 用来指定每一帧的持续播放时间。

使用

ivFrameXML.setImageResource(R.drawable.animation);
AnimationDrawable anim = (AnimationDrawable) ivFrameXML.getDrawable();
anim.start();

2. 代码方式

AnimationDrawable animationDrawable = new AnimationDrawable();
int id = 0;
for (int i = 0; i < 24; i++) {
  if (i < 10) {
    id = getResources().getIdentifier("img0" + i, "mipmap", getPackageName());
  } else  {
    id = getResources().getIdentifier("img" + i, "mipmap", getPackageName());
  }
  Drawable drawable = getResources().getDrawable(id);
  animationDrawable.addFrame(drawable, 120);
}
ivFrameCode.setImageDrawable(animationDrawable);
animationDrawable.setOneShot(false);
animationDrawable.start();

实现效果

实现效果.gif

帧动画使用比较简单，但是容易引起 OOM，在使用帧动画时应该尽量避免使用过多尺寸较大的图片。