【Android高级】安卓各种动画使用方法详解

一、概述

Android提供了几种动画类型：View Animation、Drawable Animation、Property
Animation。

ViewAnimation相当简单，不过只能支持简单的缩放、平移、旋转、透明度基本的动画，且有一定的局限性。

Drawable Animation就是所谓的帧动画，一般作为Drawable的背景使用。

PropertyAnimation产生的原因，你希望View有一个颜色的切换动画；你希望可以使用3D旋转动画；你希望当动画停止时，View的位置就是当前的位置；这些View
Animation都无法做到。

二、使用方法

（1）View Animation（一个组件的动画）

a.采用定义xml动画，可以在一个set资源里面定义多种效果，使用这种方法时要注意里面的坐标的使用，是以当前组件的左上边为原点。可以使用X%p这种定义与父布局的关系。在代码中加载时用AnimationUtils.loadAnimation(context,
id);的方法得到动画并用组件的huoJianImageView.setAnimation();方法设置动画，启动动画时可以用得到的animation启动，也可以用组件的start的方法。

b.采用java代码生成动画，TranslateAnimation，AlphaAnimation。生成动画以后的设置方法如前。

（2）Drawable Animation（连续变化的动画）

在Drawable里面定义animation-list然后作为一个组件的背景，在java代码中得到

AnimationDrawable animationDrawable = (AnimationDrawable) bullImageView.getBackground();
然后启动 animationDrawable.start()

一般使用这种方法需要的注意的是控制该动画的最后一帧播放完毕，则组件消失。

可自定义一个ImageView代码如下所示：

package com.animal.bull;

import java.lang.reflect.Field;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.drawable.AnimationDrawable;
import android.util.AttributeSet;
import android.view.View;
import android.widget.ImageView;

public class MyImage extends ImageView {
	AnimationDrawable animationDrawable;
	int totalFrame;
	Field field;

	public void setAnimationDrawable(AnimationDrawable animationDrawable) {
		this.animationDrawable = animationDrawable;
		totalFrame = animationDrawable.getNumberOfFrames();
	}

	public MyImage(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
	}

	@Override
	protected void onDraw(Canvas canvas) {
		// TODO Auto-generated method stub
		try {
			if (animationDrawable != null) {
				field = AnimationDrawable.class.getDeclaredField("mCurFrame");
				field.setAccessible(true);
				int r = field.getInt(animationDrawable);
				if (r == totalFrame - 1) {
					setVisibility(View.INVISIBLE);
				}
			}
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}

		super.onDraw(canvas);
	}
}

（3）Property Animation（属性动画）

a.不采用xml。（/article/1336249.html）

1）ObjectAnimator

ObjectAnimator.ofFloat(imageView, "rotationX",0.0F, 360.0F).setDuration(500) .start();

2）ValueAnimator

public void paowuxian() {
    	ValueAnimator valueAnimator = new ValueAnimator();
		valueAnimator.setDuration(3000);
		valueAnimator.setObjectValues(new PointF(0, 0),new PointF(w, h));
		valueAnimator.setInterpolator(new LinearInterpolator());
		valueAnimator.setEvaluator(new TypeEvaluator<PointF>() {
			// fraction = t / duration
			@Override
			public PointF evaluate(float fraction, PointF startValue,
					PointF endValue) {
				// Log.e(TAG, fraction * 3 + "");
				// x方向200px/s ，则y方向0.5 * 10 * t
				PointF point = new PointF();
				point.x = (w-imageView.getWidth())/(3) * fraction * 3;
				point.y = 0.5f * 200 * (fraction * 3) * (fraction * 3);
				return point;
			}
		});

		valueAnimator.start();
		valueAnimator.addUpdateListener(new AnimatorUpdateListener() {
			@Override
			public void onAnimationUpdate(ValueAnimator animation) {
				PointF point = (PointF) animation.getAnimatedValue();
				imageView.setX(point.x);
				imageView.setY(point.y);

			}
		});
	}

b.采用xml。（/article/1336248.html）

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:ordering="together" >

    <objectAnimator
        android:duration="3000"
        android:propertyName="y"
        android:repeatCount="infinite"
        android:repeatMode="reverse"
        android:valueTo="400"
        android:valueType="intType" >
    </objectAnimator>
    <objectAnimator
        android:duration="3000"
        android:propertyName="x"
        android:repeatCount="infinite"
        android:repeatMode="reverse"
        android:valueTo="200"
        android:valueType="intType" >
    </objectAnimator>

</set>

class move {
		public int getX() {
			return x;
		}

		public void setX(int x) {
			this.x = x;

			imageView.layout(x, imageView.getTop(),
					x + imageView.getMeasuredWidth(), imageView.getBottom());
		}

		public int getY() {
			return y;
		}

		public void setY(int y) {
			this.y = y;
			imageView.layout(imageView.getLeft(), y, imageView.getRight(), y
					+ imageView.getMeasuredHeight());
		}

		int x;
		int y;
	}

AnimatorSet animatorSet = (AnimatorSet) AnimatorInflater
				 .loadAnimator(getApplicationContext(),
				 R.animator.ani_sx);
				 animatorSet.setTarget(mo);
				 animatorSet.start();

布局动画：

public class LayoutAniAct extends Activity implements OnCheckedChangeListener {

	CheckBox born_It;
	CheckBox born_Pa;
	CheckBox die_It;
	CheckBox die_Pa;
	GridLayout gridView;
	Button button;
	LayoutTransition layoutTransition;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.layoutani);
		born_It = (CheckBox) findViewById(R.id.born_It);
		born_Pa = (CheckBox) findViewById(R.id.born_Pa);
		die_It = (CheckBox) findViewById(R.id.die_It);
		die_Pa = (CheckBox) findViewById(R.id.die_Pa);
		gridView = (GridLayout) findViewById(R.id.gridView1);
		button = (Button) findViewById(R.id.button1);
		layoutTransition = new LayoutTransition();
		gridView.setLayoutTransition(layoutTransition);
		die_It.setOnCheckedChangeListener(this);
		die_Pa.setOnCheckedChangeListener(this);
		born_It.setOnCheckedChangeListener(this);
		born_Pa.setOnCheckedChangeListener(this);
		button.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				final Button button = new Button(getApplicationContext());
				button.setText((++n) + "");
				gridView.addView(button, Math.min(1, gridView.getChildCount()));
				button.setOnClickListener(new OnClickListener() {

					@Override
					public void onClick(View v) {
						gridView.removeView(button);
					}
				});
			}
		});
	}

	int n = 0;

	@Override
	public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
		// TODO Auto-generated method stub
		layoutTransition = new LayoutTransition();
		layoutTransition.setAnimator(
				LayoutTransition.APPEARING,
				born_It.isChecked() ? layoutTransition
						.getAnimator(LayoutTransition.APPEARING) : null);
		layoutTransition.setAnimator(
				LayoutTransition.CHANGE_APPEARING,
				born_Pa.isChecked() ? layoutTransition
						.getAnimator(LayoutTransition.CHANGE_APPEARING) : null);
		layoutTransition.setAnimator(
				LayoutTransition.DISAPPEARING,
				die_It.isChecked() ? layoutTransition
						.getAnimator(LayoutTransition.DISAPPEARING) : null);
		layoutTransition.setAnimator(
				LayoutTransition.CHANGE_DISAPPEARING,
				die_Pa.isChecked() ? layoutTransition
						.getAnimator(LayoutTransition.CHANGE_DISAPPEARING)
						: null);
		gridView.setLayoutTransition(layoutTransition);

	}
}