一、概念
1、帧动画也是视图动画的一个分类,它的原理就是将多找图片一张一张的放出,形成动画的效果。
2、帧动画适合去做一些比较复杂的动画效果。
3、帧动画主要是通过AnimationDrawable去实现效果的。
二、AnimationDrawable
1、简介
该实体类用于创建逐帧动画,它的父类是DrawableContainer,而DrawableContainer父类又是Drawable,因此它常被用于视图的背景。
2、重要属性及方法
public void start():开启动画,注意点:不要在onCreate()中调用此方法,因为在这个生命周期中,视图可能还没有全部完成渲染,如果想要在进入页面后立即播放动画,可以在onWindowFocusChanged()进行调用。
public void stop():关闭动画;
public boolean isRunning():动画是否运行;
public int getNumberOfFrames():获取动画总帧数;
public Drawable getFrame(int index):获取具体的某帧;
public int getDuration(int i):获取具体某帧的间隔时间;
3、具体应用
与补间动画一样,实现逐帧动画的方式也可以通过XML(在res/drawable)和代码两种方式实现。
3.1、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/water_loading_1" android:duration="100" />
<item android:drawable="@drawable/water_loading_2" android:duration="100" />
<item android:drawable="@drawable/water_loading_3" android:duration="100" />
<item android:drawable="@drawable/water_loading_4" android:duration="100" />
<item android:drawable="@drawable/water_loading_5" android:duration="100" />
<item android:drawable="@drawable/water_loading_6" android:duration="100" />
<item android:drawable="@drawable/water_loading_7" android:duration="100" />
<item android:drawable="@drawable/water_loading_8" android:duration="100" />
</animation-list>
animationDrawable = (AnimationDrawable)imgAnim.getBackground();
animationDrawable.start();
3.2、纯Java代码设置
animationDrawable = new AnimationDrawable();
animationDrawable.addFrame(getResources().getDrawable(R.drawable.water_loading_1),100);
animationDrawable.addFrame(getResources().getDrawable(R.drawable.water_loading_2),100);
animationDrawable.addFrame(getResources().getDrawable(R.drawable.water_loading_3),100);
animationDrawable.addFrame(getResources().getDrawable(R.drawable.water_loading_4),100);
animationDrawable.addFrame(getResources().getDrawable(R.drawable.water_loading_5),100);
animationDrawable.addFrame(getResources().getDrawable(R.drawable.water_loading_6),100);
animationDrawable.addFrame(getResources().getDrawable(R.drawable.water_loading_7),100);
animationDrawable.addFrame(getResources().getDrawable(R.drawable.water_loading_8),100);
imgAnim.setBackground(animationDrawable);
animationDrawable.start();
4、效果展示: