Android高级进阶 - 动画之逐帧动画（Frame Animation）

前言

Android 3.0 之前，有两种类型：逐帧动画和补间动画；

Android 3.0 发布时，Android SDK 又提供了更加简单的属性动画；

Android 4.4 发布时，Android SDK 又提供了 android.transition 框架，更直观实现动画。

一、逐帧动画

也叫 Drawable Animation。有两种方式可以定义 XML 资源文件和代码实现。

二、XML 资源文件方式 

    // 根标签为animation-list
    // 属性 oneshot true - 展示一遍，false - 循环播放动画
    // item标签对动画中的每一个图片进行声明
    // android:duration 图片展示时长

案例：

代码应用：

    private ImageView imageView;
    private AnimationDrawable animDrawable;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_yao);
        imageView = (ImageView) findViewById(R.id.iv_anim);
        animDrawable = (AnimationDrawable) imageView.getDrawable();
    }

    public void setStart(View view) {
        animDrawable.start();
    }

    public void setEnd(View view) {
        animDrawable.stop();
    }

三、代码实现

private ImageView imageView;
    private AnimationDrawable mAnimDrawable;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_yao);
        imageView = (ImageView) findViewById(R.id.iv_anim);
        initDrawable();
    }

    private void initDrawable() {
        mAnimDrawable = new AnimationDrawable();
        for (int i = 1; i <= 6; i++) {
            int id = getResources().getIdentifier("wifi_0" + i, "drawable", getPackageName());
            Drawable drawable = getResources().getDrawable(id);
            // 添加一帧，并设置该帧显示的持续时间
            mAnimDrawable.addFrame(drawable, 200);
        }
        mAnimDrawable.setOneShot(false);
        imageView.setImageDrawable(mAnimDrawable);
    }

    public void setStart(View view) {
        AnimationDrawable animDrawable = (AnimationDrawable) imageView.getDrawable();
        animDrawable.start();
    }

    public void setEnd(View view) {
        AnimationDrawable animDrawable = (AnimationDrawable) imageView.getDrawable();
        animDrawable.stop();
    }