Animation动画

首先介绍一下Animation:

1.Animation 动画类型

Android的animation由四种类型组成：

XML中

alph	渐变透明度动画效果
scale	渐变尺寸伸缩动画效果
translate	画面转换位置移动动画效果
rotate	画面转移旋转动画效果

 

 

 

 

 

JavaCode中

AlphaAnimation	渐变透明度动画效果
ScaleAnimation	渐变尺寸伸缩动画效果
TranslateAnimation	画面转换位置移动动画效果
RotateAnimation	画面转移旋转动画效果

 

 

 

 

 2.Android动画模式

Animation主要有两种动画模式：

一种是tweened animation(渐变动画)

XML中	JavaCode
alpha	AlphaAnimation
scale	ScaleAnimation

 

 

 

一种是frame by frame(画面转换动画)

XML中	JavaCode
translate	TranslateAnimation
rotate	RotateAnimation

 

 

 

下面我们将用Java代码来实现这些动画，并且，可以通过手动输入参数去改变动画；

先看效果图：

 

我将四种动画写在了一个工具类中(注释的很详细了)

AnimationTools.java:

<span style="font-size:18px;">package com.soft.util;

import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;

/**
 * @author 郑明亮
 * @date 2015-11-11 下午9:39:33
 * @version 1.0
 */
public class AnimationTools {

	/**
	 * @param fromAlpha
	 *            开始的透明度
	 * @param toAlpha
	 *            到大的透明度
	 * @param durationMillis
	 *            动画持续时间
	 * @return
	 */
	public static AnimationSet alphaAnimation(float fromAlpha, float toAlpha,
			long durationMillis) {
		// true表示使用Animation的interpolator，false则是使用自己的
		AnimationSet set = new AnimationSet(true);

		Animation alpha = new AlphaAnimation(fromAlpha, toAlpha);

		alpha.setDuration(durationMillis);
		set.addAnimation(alpha);
		return set;

	}

	/**
	 * @param fromDegrees
	 *            ：从哪个旋转角度开始
	 * @param toDegrees
	 *            ：转到什么角度
	 * @param pivotXValue
	 *            ： x轴的值，0.5f表明是以自身这个控件的一半长度为x轴
	 * @param pivotYValue
	 *            ：y轴的值，0.5f表明是以自身这个控件的一半长度为y轴
	 * @param durationMillis
	 *            动画持续时间
	 * @return AnimationSet
	 */
	public static AnimationSet rotateAnimation(float fromDegrees,
			float toDegrees, float pivotXValue, float pivotYValue,
			long durationMillis) {
		AnimationSet set = new AnimationSet(true);

		// Animation.RELATIVE_TO_SELF==1;
		// Animation.RELATIVE_TO_PARENTS==2;
		// 后4个参数用于设置围绕着旋转的圆的圆心在哪里
		Animation rotate = new RotateAnimation(fromDegrees, toDegrees, 1,
				pivotXValue, 1, pivotYValue);
		rotate.setDuration(durationMillis);
		set.addAnimation(rotate);
		return set;
	}

	/**
	 * @param fromX
	 *            x轴的初始值
	 * @param toX
	 *            x轴收缩后的值
	 * @param fromY
	 *            y轴的初始值
	 * @param toY
	 *            y轴收缩后的值
	 * @param pivotXValue
	 *            x轴的值，0.5f表明是以自身这个控件的一半长度为x轴
	 * @param pivotYValue
	 *            y轴的值，0.5f表明是以自身这个控件的一半长度为y轴
	 * @param durationMillis
	 *            动画持续时间
	 * @return AnimationSet
	 */
	public static AnimationSet scaleAnimation(float fromX, float toX,
			float fromY, float toY, float pivotXValue, float pivotYValue,
			long durationMillis) {
		AnimationSet set = new AnimationSet(true);

		// Animation.RELATIVE_TO_SELF==1;
		// Animation.RELATIVE_TO_PARENTS==2;
		Animation sacle = new ScaleAnimation(fromX, toX, fromY, toY, 1,
				pivotXValue, 1, pivotYValue);
		sacle.setDuration(durationMillis);
		set.addAnimation(sacle);
		return set;
	}

	/**
	 * @param fromXValue
	 *            x轴的开始位置
	 * @param toXValue
	 *            x轴的结束位置
	 * @param fromYValue
	 *            y轴的开始位置
	 * 
	 * @param toYValue
	 *            y轴的结束位置
	 * @param durationMillis
	 *            动画持续时间
	 * @return AnimationSet
	 */
	public static AnimationSet translateAnimation(float fromXValue,
			float toXValue, float fromYValue, float toYValue,
			long durationMillis) {
		AnimationSet set = new AnimationSet(true);

		// Animation.RELATIVE_TO_SELF==1;
		// Animation.RELATIVE_TO_PARENTS==2;
		Animation translate = new TranslateAnimation(1, fromXValue, 1,
				toXValue, 1, fromYValue, 1, toYValue);
		translate.setDuration(durationMillis);
		set.addAnimation(translate);
		return set;
	}
}
</span>

布局文件main.xml

<span style="font-size:18px;"><ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        tools:context="com.zml.animation.MainActivity" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <EditText
                android:id="@+id/editText1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="持续时间(ms)"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/editText2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="开始状态(0~1)"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/editText3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="终止状态(0~1)"
                android:numeric="decimal" >

                <requestFocus />
            </EditText>
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <EditText
                android:id="@+id/et_rotate1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="旋转角度开始"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/et_rotate2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="旋转角度结束"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/et_rotate3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="x轴的值"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/et_rotate4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="y轴的值"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/et_rotate5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="持续时间"
                android:numeric="decimal" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <EditText
                android:id="@+id/et_scale1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="X轴初值"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/et_scale2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="X收缩后的值"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/et_scale3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="Y轴初值"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/et_scale4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="Y收缩后的值"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/et_scale5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="x轴位置"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/et_scale6"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="y轴位置"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/et_scale7"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="时间"
                android:numeric="decimal" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <EditText
                android:id="@+id/et_trans1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="X轴初值"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/et_trans2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="X移动后的值"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/et_trans3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="Y轴初值"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/et_trans4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="Y移动后的值"
                android:numeric="decimal" />

            <EditText
                android:id="@+id/et_trans5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ems="10"
                android:hint="时间"
                android:numeric="decimal" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <Button
                android:id="@+id/alphaButton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="淡入淡出" />

            <Button
                android:id="@+id/rotateButton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="旋转" />

            <Button
                android:id="@+id/scaleButton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="缩放" />

            <Button
                android:id="@+id/translateButton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="移动" />
        </LinearLayout>

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/dog" />
    </LinearLayout>

</ScrollView></span>

主页面管理文件(注释虽然比较少，但是写的还是比较简单明了的)

MainActivity.java

 

<span style="font-size:18px;">package com.zml.animation;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.Toast;

import com.soft.util.AnimationTools;

public class MainActivity extends Activity implements OnClickListener {
	private Button alphaButton = null;
	private Button rotateButton = null;
	private Button scaleButton = null;

	private Button translateButton = null;
	private EditText et_alpha1, et_alpha2, et_alpha3, et_rotate1, et_rotate2,
			et_rotate3, et_rotate4, et_rotate5, et_scale1, et_scale2,
			et_scale3, et_scale4, et_scale5, et_scale6, et_scale7, et_trans1,
			et_trans2, et_trans3, et_trans4, et_trans5;
	private ImageView iv_show;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		alphaButton = (Button) findViewById(R.id.alphaButton);
		rotateButton = (Button) findViewById(R.id.rotateButton);
		scaleButton = (Button) findViewById(R.id.scaleButton);
		translateButton = (Button) findViewById(R.id.translateButton);
		alphaButton.setOnClickListener(this);
		rotateButton.setOnClickListener(this);
		scaleButton.setOnClickListener(this);
		translateButton.setOnClickListener(this);

		et_alpha1 = (EditText) findViewById(R.id.editText1);
		et_alpha2 = (EditText) findViewById(R.id.editText2);
		et_alpha3 = (EditText) findViewById(R.id.editText3);

		et_rotate1 = (EditText) findViewById(R.id.et_rotate1);
		et_rotate2 = (EditText) findViewById(R.id.et_rotate2);
		et_rotate3 = (EditText) findViewById(R.id.et_rotate3);
		et_rotate4 = (EditText) findViewById(R.id.et_rotate4);
		et_rotate5 = (EditText) findViewById(R.id.et_rotate5);

		et_scale1 = (EditText) findViewById(R.id.et_scale1);
		et_scale2 = (EditText) findViewById(R.id.et_scale2);
		et_scale3 = (EditText) findViewById(R.id.et_scale3);
		et_scale4 = (EditText) findViewById(R.id.et_scale4);
		et_scale5 = (EditText) findViewById(R.id.et_scale5);
		et_scale6 = (EditText) findViewById(R.id.et_scale6);
		et_scale7 = (EditText) findViewById(R.id.et_scale7);

		et_trans1 = (EditText) findViewById(R.id.et_trans1);
		et_trans2 = (EditText) findViewById(R.id.et_trans2);
		et_trans3 = (EditText) findViewById(R.id.et_trans3);
		et_trans4 = (EditText) findViewById(R.id.et_trans4);
		et_trans5 = (EditText) findViewById(R.id.et_trans5);

		iv_show = (ImageView) findViewById(R.id.imageView1);

	}

	@Override
	public void onClick(View arg0) {
		switch (arg0.getId()) {
		case R.id.alphaButton:
			if (et_alpha1.getText().toString().isEmpty()
					|| et_alpha2.getText().toString().isEmpty()
					|| et_alpha3.getText().toString().isEmpty())
				Toast.makeText(MainActivity.this, "淡入淡出内容未填完整", 0).show();
			else {
				float fromAlpha = Float.parseFloat(et_alpha2.getText()
						.toString());
				float toAlpha = Float
						.parseFloat(et_alpha3.getText().toString());
				long durationMillis = Long.parseLong(et_alpha1.getText()
						.toString());

				iv_show.startAnimation(AnimationTools.alphaAnimation(fromAlpha,
						toAlpha, durationMillis));
			}
			break;
		case R.id.rotateButton:
			if (et_rotate1.getText().toString().isEmpty()
					|| et_rotate2.getText().toString().isEmpty()
					|| et_rotate3.getText().toString().isEmpty()
					|| et_rotate4.getText().toString().isEmpty()
					|| et_rotate5.getText().toString().isEmpty())
				Toast.makeText(MainActivity.this, "旋转内容未填完整", 0).show();
			else {
				float fromDegrees = Float.parseFloat(et_rotate1.getText()
						.toString());
				float toDegrees = Float.parseFloat(et_rotate2.getText()
						.toString());
				float pivotXValue = Float.parseFloat(et_rotate3.getText()
						.toString());
				float pivotYValue = Float.parseFloat(et_rotate4.getText()
						.toString());
				long rdurationMillis = Long.parseLong(et_rotate5.getText()
						.toString());
				iv_show.startAnimation(AnimationTools.rotateAnimation(
						fromDegrees, toDegrees, pivotXValue, pivotYValue,
						rdurationMillis));
			}
			break;
		case R.id.scaleButton:
			if (et_scale1.getText().toString().isEmpty()
					|| et_scale2.getText().toString().isEmpty()
					|| et_scale3.getText().toString().isEmpty()
					|| et_scale4.getText().toString().isEmpty()
					|| et_scale5.getText().toString().isEmpty()
					|| et_scale6.getText().toString().isEmpty()
					|| et_scale7.getText().toString().isEmpty())
				Toast.makeText(MainActivity.this, "收缩内容未填完整", 0).show();
			else {
				float fromX = Float.parseFloat(et_scale1.getText().toString());
				float toX = Float.parseFloat(et_scale2.getText().toString());
				float fromY = Float.parseFloat(et_scale3.getText().toString());
				float toY = Float.parseFloat(et_scale4.getText().toString());
				float spivotXValue = Float.parseFloat(et_scale5.getText()
						.toString());
				float spivotYValue = Float.parseFloat(et_scale6.getText()
						.toString());
				long sdurationMillis = Long.parseLong(et_scale7.getText()
						.toString());
				iv_show.startAnimation(AnimationTools.scaleAnimation(fromX,
						toX, fromY, toY, spivotXValue, spivotYValue,
						sdurationMillis));
			}
			break;
		case R.id.translateButton:
			if (et_trans1.getText().toString().isEmpty()
					|| et_trans2.getText().toString().isEmpty()
					|| et_trans3.getText().toString().isEmpty()
					|| et_trans4.getText().toString().isEmpty()
					|| et_trans5.getText().toString().isEmpty())
				Toast.makeText(MainActivity.this, "收缩内容未填完整", 0).show();
			else {
				float fromXValue = Float.parseFloat(et_trans1.getText()
						.toString());
				float toXValue = Float.parseFloat(et_trans2.getText()
						.toString());
				float fromYValue = Float.parseFloat(et_trans3.getText()
						.toString());
				float toYValue = Float.parseFloat(et_trans4.getText()
						.toString());
				long tsdurationMillis = Long.parseLong(et_trans5.getText()
						.toString());
				iv_show.startAnimation(AnimationTools.translateAnimation(
						fromXValue, toXValue, fromYValue, toYValue,
						tsdurationMillis));
			}
			break;
		default:
			break;
		}

	}

}
</span>

 源码下载地址：CSDN（暂未上传）