Android帧动画的实现

大家好，今天学习了帧动画，下面我就把帧动画的实现过程呈现给大家。

首先先找几张帧动画的图片素材。

在自己的资源目录下设置自己的帧动画资源：

animation.xml，具体代码如下：

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" 
    android:oneshot="false">
    <!--android:oneshot="false"帧动画不自动执行  -->
    <item 
        android:drawable="@drawable/fram1" 
        android:duration = "50"></item>
       <item 
        android:drawable="@drawable/fram2" 
        android:duration = "50"></item>
          <item 
        android:drawable="@drawable/fram3" 
        android:duration = "50"></item>


</animation-list>

将自己的布局设定好：

<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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >


    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="88dp"
        android:src="@drawable/fram1" />


    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/imageView1"
        android:layout_marginLeft="40dp"
        android:layout_marginTop="48dp"
        android:text="@string/button1" />


    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button1"
        android:layout_alignBottom="@+id/button1"
        android:layout_alignRight="@+id/imageView1"
        android:text="@string/button3" />


</RelativeLayout>

具体效果如下：

MainActivity具体代码如下：

package com.example.frameanimationdemo;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
/**
 * 帧动画小例子
 * @author Administrator
 *
 */
public class MainActivity extends Activity implements OnClickListener{
private Button button1;
private Button button2;

private AnimationDrawable mAnimationDrawable;


private ImageView mImageView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

init();
}
/*
* 初始化控件
*/
private void init() {
button1 = (Button) findViewById(R.id.button1);
button2 = (Button) findViewById(R.id.button2);
button1.setOnClickListener(this);
button2.setOnClickListener(this);
mImageView = (ImageView) findViewById(R.id.imageView1);
mImageView.setImageResource(R.drawable.animation);  
}
@Override
public void onClick(View arg0) {
int id = arg0.getId();
switch (id) {
case R.id.button1:
mAnimationDrawable = (AnimationDrawable) mImageView.getDrawable();  
mAnimationDrawable.start(); 
break;
case R.id.button2:
mAnimationDrawable = (AnimationDrawable) mImageView.getDrawable();  
mAnimationDrawable.stop(); 
break;
default:
break;
}

}
 
}

运行代码随即就可以看到运行效果，欢迎大家参考提建议，谢谢