一个简单的帧动画

一个简答的帧动画

Frame Animation(逐帧动画)

逐帧动画（Frame-by-frame Animations）从字面上理解就是一帧挨着一帧的播放图片，就像放电影一样。和补间动画一样可以通过xml实现也可以通过java代码实现。

先看看动画效果

上素材：

将图片添加到/res/drawable目录下。

图片素材	文件名称
	logo1.png
	logo2.png
	logo3.png

代码区

XML代码：

在/res/drawable目录下新建animation.xml文件。
XML文件中< animation-list >元素为根节点，< item >节点定义了每一帧，表示一个drawable资源的帧和帧间隔。android:duration为帧间隔时间。
设置Android:oneshot属性为true，表示此次动画只执行一次，最后停留在最后一帧。设置为false则动画循环播放。

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:drawable="@drawable/logo1"
        android:duration="150">
    </item>
    <item
        android:drawable="@drawable/logo2"
        android:duration="150">
    </item>
    <item
        android:drawable="@drawable/logo3"
        android:duration="150">
    </item>

</animation-list>

在/res/layout目录下的activity_main.xml文件中设置布局，用ImageView控件作为动画载体来显示动画

<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" >

    <ImageView
        android:id="@+id/iv_animation"
        android:layout_width="wrap_content"
        android:layout_centerInParent="true"
        android:background="@drawable/logo1"/>

</RelativeLayout>

JAVA代码：

MainActivity.java文件
Drawable animation可以加载Drawable资源实现帧动画。AnimationDrawable是实现Drawable animations的基本类。

package com.example.FrameAnimation;

import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ImageView iv_animation = (ImageView) findViewById(R.id.iv_animation);
        // 将图片添加到View中
        iv_animation.setBackgroundResource(R.drawable.animation);
        // 获得AnimationDrawable对象
        AnimationDrawable animationDrawable = (AnimationDrawable) iv_animation
                .getBackground();
        // 启动动画
        animationDrawable.start();
    }
}