在XML中定义逐帧动画

前端之家收集整理的这篇文章主要介绍了在XML中定义逐帧动画前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

猜你在找的XML相关文章