【Android -- 动画】逐帧动画

前言

帧动画（Frame Animation）是一个比较简单的动画框架，原理就像播放幻灯片一样，传一组图片进去，然后依次循环播放，可以设置每一张图片的播放时间。帧动画可以通过xml创建，也可以java代码动态构建，使用起来还是比较方便的。先看效果：

原理

将动画拆分为帧的形式，且定义每一帧等于每一张图片，最后按序播放一组预先定义好的图片。

代码实现

1. 动画效果 frame_anim.xml 文件

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="true">
    <item
        android:drawable="@mipmap/frame_0001"
        android:duration="1000"/>
    <item
        android:drawable="@mipmap/frame_0002"
        android:duration="1000"/>
    <item
        android:drawable="@mipmap/frame_0003"
        android:duration="1000"/>
    <item
        android:drawable="@mipmap/frame_0004"
        android:duration="1000"/>
    <item
        android:drawable="@mipmap/frame_0005"
        android:duration="1000"/>
    <item
        android:drawable="@mipmap/frame_0006"
        android:duration="1000"/>
    <item
        android:drawable="@mipmap/frame_0007"
        android:duration="1000"/>
    <item
    android:drawable="@mipmap/frame_0008"
    android:duration="1000"/>
    <item
        android:drawable="@mipmap/frame_0009"
        android:duration="1000"/>
</animation-list>

2. 代码

public class MainActivity extends AppCompatActivity {
    private ImageView mLoadAnim;
    private Button mPlay,mStop;
    private AnimationDrawable animationDrawable;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test);

        initView();
        initEvent();

    }

    private void initView() {
        mLoadAnim = findViewById(R.id.iv_show);
        mPlay = findViewById(R.id.btn_play);
        mStop = findViewById(R.id.btn_stop);
    }

    private void initEvent() {
        mPlay.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mLoadAnim.setImageResource(R.drawable.frame_anim);
                animationDrawable = (AnimationDrawable) mLoadAnim.getDrawable();
                animationDrawable.start();
            }
        });

        mStop.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mLoadAnim.setImageResource(R.drawable.frame_anim);
                animationDrawable = (AnimationDrawable) mLoadAnim.getDrawable();
                animationDrawable.stop();
            }
        });
    }
}

小结

可以看出来帧动画的使用还是比较简单的，但是缺点也很明显，就是动画不连续。如果要想动画连续也简单，就把图片做的多一点，每张图片只渐变一点点。但是这样随之而来的另一个问题就是图片太多，体积太大。所以也只能在图片流畅度和图片数量体积之间做一个平衡。这点比较尴尬。但是一般来说用来做一个动画的小 Logo 还是够用的。