逐帧(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>