Android中的动画2（逐帧动画）

逐帧动画就比较简单了，就是一帧一帧的播放动画，每一帧都是有我们来定义的。

在res/drawable文件夹下新建一个Root element为animation-list的xml文件，命名为animation

res/drawable/animation.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/lu"
        android:duration="200" />

    <item
        android:drawable="@drawable/panda"
        android:duration="200" />

    <item
        android:drawable="@drawable/taiger"
        android:duration="200" />
    <!--
        一个item代表一帧
        android:drawable 表示这一帧所显示的图片
        android:duration 表示这一帧的持续时间
    -->
</animation-list>

然后在activity布局中声明一个ImageVIew，并且该ImageVIew用src引用animation.xml

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.demo.ln.exam.MainActivity">

    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@drawable/animation" />

</RelativeLayout>

在MainActivity中获取AnimationDrawable实例，用该实例启动动画：

MainActivity.java

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    ImageView imageView;
    AnimationDrawable animationDrawable;

    @TargetApi(Build.VERSION_CODES.KITKAT)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imageView = (ImageView) findViewById(R.id.image);
        //获取AnimationDrawable的实例
        animationDrawable = (AnimationDrawable) imageView.getDrawable();

        //启动动画
        animationDrawable.start();
        imageView.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        //暂停动画
        animationDrawable.stop();
    }
}

lu.png

panda.png

taiger.png

到这里逐帧动画就完结了，比较简单。