Android三种常用动画分享(1)--帧动画

在Android3.0（即API Level11）以前，Android仅支持2种动画：分别是Frame Animation（逐帧动画）和Tween Animation（补间动画），在3.0之后Android支持了一种新的动画系统，称为：Property Animation（属性动画）。

本编主要写的是第一种Frame Animation（逐帧动画）

这个很好理解，一帧帧的播放图片，利用人眼视觉残留原理，给我们带来动画的感觉。它的原理的GIF图片、电影播放原理一样。

在Android中提供了两种方式为AnimationDrawable添加帧：XML定义的资源文件和Java代码创建，后面再详细讲讲这两种添加帧的方式。

第一种在代码中设置帧动画

先介绍下代码中AnimationDrawable的常用方法

void start()：开始播放逐帧动画。

void stop()：停止播放逐帧动画。

void addFrame(Drawable frame,int duration)：为AnimationDrawable添加一帧，并设置持续时间。

int getDuration(int i)：得到指定index的帧的持续时间。

Drawable getFrame(int index)：得到指定index的帧Drawable。

int getNumberOfFrames()：得到当前AnimationDrawable的所有帧数量。

boolean isOneShot()：当前AnimationDrawable是否执行一次，返回true执行一次，false循环播放。

boolean isRunning()：当前AnimationDrawable是否正在播放。

void setOneShot(boolean oneShot)：设置AnimationDrawable是否执行一次，true执行一次，false循环播放

通过在java代码中创建AnimationDrawable对象，然后通过addFrame(Drawable frame, int duration)方法向动画添加帧，然后start()。。。

第二种在XML中设置帧动画

定义在XML文件中，我们可以放置在/res下的anim目录中(/res/anim/frame_animation.xml)，文件名可以作为资源ID在代码中引用

例如：

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="true" ><!-- 设置是否只执行一次 -->
    <!-- 设置图片资源以及每一帧执行时间 -->
    <item android:drawable="@drawable/frame1" android:duration="300"/>
    <item android:drawable="@drawable/frame2" android:duration="300"/>
    <item android:drawable="@drawable/frame3" android:duration="300"/>
    <item android:drawable="@drawable/frame4" android:duration="300"/>
    <item android:drawable="@drawable/frame5" android:duration="300"/>
    <item android:drawable="@drawable/frame6" android:duration="300"/>
    <item android:drawable="@drawable/frame7" android:duration="300"/>
    <item android:drawable="@drawable/frame8" android:duration="300"/>
</animation-list>

下面看下代码：

MainActivity

import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends Activity {

	private Button btn_start, btn_stop;
	private ImageView iv_frame;
	private AnimationDrawable anim;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		btn_start = (Button) findViewById(R.id.btn_start);
		btn_stop = (Button) findViewById(R.id.btn_stop);
		iv_frame = (ImageView) findViewById(R.id.iv);
		setListener();
		initAnimationByXML();//通过XML来设置帧动画
		//initAnimationByCode();//代码方式设置帧动画
	}
	/**
	 * 通过XML来设置帧动画
	 */
	private void initAnimationByXML() {
		iv_frame.setBackgroundResource(R.anim.frame_animation);
		anim = (AnimationDrawable) iv_frame.getBackground();
	}
	/**
	 * 代码方式设置帧动画
	 */
	private void initAnimationByCode() {
		anim = new AnimationDrawable(); 
		anim.addFrame(getResources().getDrawable(R.drawable.frame1), 300);
		anim.addFrame(getResources().getDrawable(R.drawable.frame2), 300);
		anim.addFrame(getResources().getDrawable(R.drawable.frame3), 300);
		anim.addFrame(getResources().getDrawable(R.drawable.frame4), 300);
		anim.addFrame(getResources().getDrawable(R.drawable.frame5), 300);
		anim.addFrame(getResources().getDrawable(R.drawable.frame6), 300);
		anim.addFrame(getResources().getDrawable(R.drawable.frame7), 300);
		anim.addFrame(getResources().getDrawable(R.drawable.frame8), 300);
		anim.setOneShot(false); 
		iv_frame.setBackgroundDrawable(anim); //将动画设置为ImageView背景
	}
	private void setListener() {
		btn_start.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				anim.start();//开始动画
			}
		});
		btn_stop.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				anim.stop();//结束动画
			}
		});
	}

}

XML设置帧动画的代码frame_animation.xml上边已经贴出来了

布局文件activity_main.XML

<LinearLayout 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"
    >
	<LinearLayout 
	    android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
	    >
    <Button
        android:id="@+id/btn_start"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:text="start" />
    <Button
        android:id="@+id/btn_stop"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:text="stop" />
	</LinearLayout>
	<ImageView 
	    android:id="@+id/iv"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    />
</LinearLayout>

源码地址：http://download.csdn.net/detail/linder_qzy/9458517