逐帧(Frame)是最容易理解的动画,它要求开发者把动画过程的每张静态图片都收集起来,然后由Android来控制依次显示这些静态图片,然后利用人眼“视觉暂留”原理,给用户造成“动画”的错觉。逐帧动画的动画原理与放电影的原理一样。
下面使用在XML中定义逐帧动画的每一帧,代码如下:
Activity:
package com.lovo.frameanim;
import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
public class MainActivity extends Activity implements OnClickListener {
private Button startBtn;
private Button stopBtn;
private ImageView image;
// 声明AnimationDrawable对象
private AnimationDrawable animationDrawable;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
startBtn = (Button) findViewById(R.id.main_btn_start);
stopBtn = (Button) findViewById(R.id.main_btn_stop);
startBtn.setOnClickListener(this);
stopBtn.setOnClickListener(this);
image = (ImageView) findViewById(R.id.main_image);
// 从image中获取AnimationDrawable对象
animationDrawable = (AnimationDrawable) image.getBackground();
}
@Override
public void onClick(View v) {
if (v == startBtn) {
// 启动动画
animationDrawable.start();
}
if (v == stopBtn) {
// 停止动画
animationDrawable.stop();
}
}
}
动画XML(freedom_frame_anim.xml):
<?xml version="1.0" encoding="utf-8"?>
<!-- android:oneshot:是否循环;true-不循环, false-循环 -->
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<item android:drawable="@drawable/freedom1" android:duration="50"></item>
<item android:drawable="@drawable/freedom2" android:duration="50"></item>
<item android:drawable="@drawable/freedom3" android:duration="50"></item>
<item android:drawable="@drawable/freedom4" android:duration="50"></item>
<item android:drawable="@drawable/freedom5" android:duration="50"></item>
<item android:drawable="@drawable/freedom6" android:duration="50"></item>
<item android:drawable="@drawable/freedom7" android:duration="50"></item>
<item android:drawable="@drawable/freedom8" android:duration="50"></item>
</animation-list>
Activity布局XML:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<Button
android:id="@+id/main_btn_start"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="开始动画" />
<Button
android:id="@+id/main_btn_stop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="停止动画" />
<ImageView
android:id="@+id/main_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@anim/freedom_frame_anim" />
</LinearLayout>