Android基础夯实--重温动画（二）之Frame Animation

心灵鸡汤：天下事有难易乎，为之，则难者亦易矣；不为，则易者亦难矣。

摘要

当你已经掌握了Tween Animation之后，再来看Frame Animation，你就会顿悟，喔，原来Frame Animation简单多了，那么恭喜你，你已经在Animation这条路上走得越来越远了，当你花十来分钟认真看完这篇文章，你就已经走完了动画这条小路的2/3。

概述

我们都知道，在Android系统中，官方给我们提供了两种类型的动画：属性动画(Property Animation) 和 视图动画(View Animation)，而视图动画又包含了两种类型：补间动画(Tween animation) 和 帧动画(Frame animation)。

在Android基础夯实–重温动画（一）之Tween Animation我们已经对Tween Animation进行了详细讲解，这一片，我会给大家介绍视图动画的另一种 Frame Animation。

在开发中，除了常用的Tween Animation以外，我们还会用到Frame Animation，就是我们所说的帧动画，之所以要实现帧动画是因为它可以实现类似电影的动态效果，因为我们平时所拍的视频也是通过一张张照片插入每一帧，串联起来，从而实现连续播放的视觉效果，而这Tween Animation是无法实现，只能通过Frame Animation来实现。例如我们常见的App动态引导页，很多都是通过Frame Animation来实现的。

总体来说，Frame Animation实现起来也是比较简单，本文也是主要做一个抛砖引玉，只做基本介绍，更多进阶知识需要大家日后摸索，更权威解释可以看官方文档：Frame Animation。以下先通过Demo给大家更直观地展示Frame Animation。

本文主要对View Animation的Frame Animation做介绍，如果大家有兴趣，可以继续阅读本动画系列其他相关文章，作者也在不断更新完善相关内容，希望大家可以指出有误之处。

Android基础夯实–重温动画（一）之Tween Animation

Android基础夯实–重温动画（三）之初识Property Animation

Android基础夯实–重温动画（四）之属性动画 ValueAnimator详解

Demo

这个Demo主要是使用Frame Animation来实现ImageView播放gif图效果。

效果图

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CrdnjKBn-1584188782987)(https://pic.downk.cc/item/5e6ccd37e83c3a1e3a412bc2.gif)]

代码实现

1. 首先在res/drawable/目录下，增添一个frame.xml文件，里面主要写每一帧播放哪一张照片。最外层标签必须是animation-list，子标签item对应每一帧，每一个item里面的drawable属性对应图片位置、duration对应一帧的时长。

<?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/g1"
        android:duration="200" />
    <item
        android:drawable="@drawable/g2"
        android:duration="200" />
    <item
        android:drawable="@drawable/g3"
        android:duration="200" />
    <item
        android:drawable="@drawable/g4"
        android:duration="200" />
    <item
        android:drawable="@drawable/g5"
        android:duration="200" />
    <item
        android:drawable="@drawable/g6"
        android:duration="200" />
</animation-list>

2. 在Activity中，实现如下代码：

//将控件背景设置为我们的AnimationDrawable资源文件
image.setBackgroundResource(R.drawable.frame);
mBinding.play.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        //拿到要编译成AnimationDrawable的背景
        AnimationDrawable imageAnimation = (AnimationDrawable)image.getBackground();
        //开始动画
        imageAnimation.start();
    }
});

Frame Animation

在Android的官方文档中，Google对Frame Animation的讲解只是用了比较小的篇幅，可能是因为过于简单，当然，大家通过我上面所说的例子也可以看得出Frame Animation的使用也是非常的简单，下面主要介绍Frame Animation的要点。

文件位置

在资源文件夹下：res/drawable/filename.xml

编译

在上面的例子我们可以了解到，在Activity中，我们是通过image.getBackground()获取到的对象转为了AnimationDrawable，这是因为在我们的xml文件被编译器编译之后就变成了 AnimationDrawable类。

语法

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot=["true" | "false"] >
    <item
        android:drawable="@[package:]drawable/drawable_resource_name"
        android:duration="integer" />
</animation-list>

标签

** < animation-list > ** ：外层必须要的标签，里面包含一个以上的标签

• 属性：
  1. android:oneshot：true则只运行一次，false则重复动画。

** < item > ** ：每一帧的动画，必须是的子标签。

• 属性：
  1. android:drawable：对应资源文件。
  2. android:duration：每一帧时长。

AnimationDrawable

AnimationDrawable就是对应于我们自身定义的xml文件，在Java代码中将xml对象转为了AnimationDrawable之后，我们就可以通过它来获取xml文件里面的属性。

父类

AnimationDrawable继承于Object -> Drawable -> DrawableContainer。

接口

实现了Runnable, Animatable接口。

XML文件中的变量

• android:drawable： 用于该帧的图片。
• android:duration： 每一帧的时长。
• android:oneshot： true则只运行一次，false则重复动画。
• android:variablePadding： 如果true，允许drawable文件的当前状态改变。
• android:visible： 是否可见。

方法

• void addFrame (Drawable frame, int duration)： 添加一帧动画到动画里面。
• int getDuration (int i)： 获取第i帧的时长。
• Drawable getFrame (int index)： 获取第i帧的Drawbale。
• int getNumberOfFrames ()： 获取共有多少帧。
• void inflate (Resources r, XmlPullParser parser, AttributeSet attrs, Resources.Theme theme)： 从XML资源里面加载一个Drawable文件。
• boolean isOneShot ()： 判断是否单次播放。
• boolean isRunning ()： 判断动画是否还在运行。
• Drawable mutate ()： 一个drawable如果使用了mutate()方法，那么对这个drawable属性（包括设置drawable的透明度）修改将不会共享。
• void setOneShot (boolean oneShot)： 设置动画播放一次或者循环。
• boolean setVisible (boolean visible, boolean restart)： 设置该AnimationDrawable是否可见。
• void start ()： 播放。
• void stop ()： 停止。
• void unscheduleSelf (Runnable what)： 让动画重新回到-1帧。

总结

Frame Animation总体来说比较简单，通过XML的划分帧，在Java代码中获取到编译的AnimationDrawable，然后进行播放，难点不多，却是很多引导页的常用实现方法。