补间(Tween)动画

这种动画类似于Flash。补间动画的定义是动画的开始、结束的关键帧，你只需要定义关键的这两帧就可以了。Android使用animation代表抽象的动画类，它包括以下几个子类：

alphaAnimation:透明度改变的动画，变化值从0到1；

ScaleAnimation：大小缩放的动画；

TranScaleAnimation：位移变化的动画；

RotateAnimation：旋转动画；

为了控制动画起见需要动态的“补入”多少帧，需要借助于Android中的Interpolator，它根据特定的算法来完成动画的补入。Interpolator只是一个接口，Android为它提供了以下几个实现类：1、LinearInterpolator：动画以匀速改变；2、AccelerateInterpolator:加速；3、AccelerateDecelerateInterpolator:中间加速；4、CycleInterpolator:动画循环播放的次数，变化速度按照正弦曲线改变；5、DecelerateInterpolator:减速改变。

定义补间动画的<set.../>元素支持一个android：Interpolator属性，该属性值可指定为默认支持的Interceptor。例如@android:anim/linear_interpolator .....

程序中可以通过AnimationUtils得到代表补间动画的Animation之后，接下来就可以调用view的startAnimation(Animation anim)方法对该view执行动画了。

实例如下：

anim.xml(开始动画的效果)：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator" >

    <scale
        android:duration="3000"
        android:fillAfter="true"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="0.01"
        android:toYScale="0.01" />

    <alpha
        android:duration="3000"
        android:fromAlpha="1"
        android:toAlpha="0.05" />

    <rotate
        android:duration="3000"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="1800" />

</set>

reverse.xml 图片以动画的方式恢复回来：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator" >

    <scale
        android:duration="3000"
        android:fillAfter="true"
        android:fromXScale="0.01"
        android:fromYScale="0.01"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.0"
        android:toYScale="1.0" />

    <alpha
        android:duration="3000"
        android:fromAlpha="0.05"
        android:toAlpha="1.0" />

    <rotate
        android:duration="3000"
        android:fromDegrees="1800"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="0" />

</set>

简单的界面xml：

    <Button
        android:id="@+id/btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="开始动画" />

    <ImageView
        android:id="@+id/anim"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:background="@drawable/ninja_01" />

JAVA代码：

<pre name="code" class="java">package com.example.teewntest;

import java.util.Timer;
import java.util.TimerTask;

import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.ImageView;
import android.app.Activity;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		final ImageView imageView = (ImageView) findViewById(R.id.anim);
		//加载第一份动画资源
		final Animation anim= AnimationUtils.loadAnimation(this, R.anim.anim);
		//表示动画结束后保持结束的状态
		anim.setFillAfter(true);
		//加载第二份动画资源
		final Animation reverse = AnimationUtils.loadAnimation(this, R.anim.reverse);
		reverse.setFillAfter(true);
		
		Button btn = (Button) findViewById(R.id.btn);
		final Handler handler = new Handler(){
			public void handleMessage(android.os.Message msg) {
			
				if(msg.what == 0x123){
					imageView.startAnimation(reverse);
				}
			};
		};
		
		btn.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
			
				imageView.startAnimation(anim);
				//3秒后恢复图片原来的状态
				new Timer().schedule(new TimerTask() {
					
					@Override
					public void run() {
						
						handler.sendEmptyMessage(0x123);
					}
				}, 3000);
			}
		});
	}


}