Android常用动画Animation的使用

Andriod中有几种常用的Animation

AlphaAnimation  淡入淡出效果

RotateAnimation 旋转效果

ScaleAnimation 缩放动画

TranslaAnimation 移动动画

这几种动画可以通过xml实现也可以通过java代码实现，先看下在代码中是怎样实现了

在布局文件（animation.xml）中声明几个效果的按钮和图片

 

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical" >



    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/hello_world" />



    <Button

        android:id="@+id/rotate"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="rotate演示" />



    <Button

        android:id="@+id/scale"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="scale演示" />



    <Button

        android:id="@+id/translate"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="translate演示" />



    <Button

        android:id="@+id/alpha"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="alpha演示" />



    <ImageView

        android:id="@+id/image"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="50dip"

        android:src="@drawable/ic_launcher" />



</LinearLayout>

 

在Activity中

 

package com.example.animation;



import com.example.widgetdemo.R;



import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.view.View.OnClickListener;

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;

import android.widget.Button;

import android.widget.ImageView;



public class AnimationDemo extends Activity {

	private Button rotate = null;

	private Button scale = null;

	private Button translate = null;

	private Button alpha = null;

	private ImageView image = null;



	@Override

	protected void onCreate(Bundle savedInstanceState) {

		// TODO Auto-generated method stub

		super.onCreate(savedInstanceState);

		setContentView(R.layout.animation);

		rotate = (Button) findViewById(R.id.rotate);

		scale = (Button) findViewById(R.id.scale);

		translate = (Button) findViewById(R.id.translate);

		alpha = (Button) findViewById(R.id.alpha);

		image = (ImageView) findViewById(R.id.image);



		rotate.setOnClickListener(new rotateListener());

		scale.setOnClickListener(new scaleListener());

		translate.setOnClickListener(new translateListener());

		alpha.setOnClickListener(new alphaListener());

	}



	/**

	 * 旋转动画

	 * @author Administrator

	 *

	 */

	class rotateListener implements OnClickListener {



		@Override

		public void onClick(View arg0) {

			// TODO Auto-generated method stub

			AnimationSet animationSet = new AnimationSet(true);

			RotateAnimation totateAnimation = new RotateAnimation(0, //旋转开始角度

					360,   //旋转结束角度

					Animation.RELATIVE_TO_SELF,   //X轴的旋转类型有三种选择Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF, or Animation.RELATIVE_TO_PARENT

					2f,    //X轴的旋转值

					Animation.RELATIVE_TO_SELF, 

					0f);

			//动画持续时间

			totateAnimation.setDuration(2000);   

			//添加动画效果

			animationSet.addAnimation(totateAnimation);

			//为图片添加动画

			image.startAnimation(animationSet);

		}

	}



	/**

	 * 缩放动画

	 * @author Administrator

	 *

	 */

	class scaleListener implements OnClickListener {



		@Override

		public void onClick(View arg0) {

			// TODO Auto-generated method stub

			AnimationSet animationSet = new AnimationSet(true);

			ScaleAnimation scaleAnimation = new ScaleAnimation(1, 0.1f, 1,

					0.1f, Animation.RELATIVE_TO_SELF, 0.5f,

					Animation.RELATIVE_TO_SELF, 0.5f);

			scaleAnimation.setDuration(2000);

			animationSet.addAnimation(scaleAnimation);

			image.startAnimation(animationSet);

		}

	}



	/**

	 * 移动

	 * @author Administrator

	 *

	 */

	class translateListener implements OnClickListener {



		@Override

		public void onClick(View arg0) {

			// TODO Auto-generated method stub

			AnimationSet animationSet = new AnimationSet(true);

			TranslateAnimation translateAnimation = new TranslateAnimation(

					Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF,

					0.5f, Animation.RELATIVE_TO_SELF, 0f,

					Animation.RELATIVE_TO_SELF, 1.0f);

			translateAnimation.setDuration(2000);

			animationSet.addAnimation(translateAnimation);

			image.startAnimation(animationSet);

		}



	}



	/**

	 * 渐变动画 淡入淡出

	 * @author Administrator

	 *

	 */

	class alphaListener implements OnClickListener {



		@Override

		public void onClick(View arg0) {

			// TODO Auto-generated method stub

			AnimationSet animationSet = new AnimationSet(true);

			AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0);

			alphaAnimation.setDuration(2000);

			animationSet.setStartOffset(1000); // 1s后开始

			animationSet.addAnimation(alphaAnimation);

			image.startAnimation(animationSet);

		}

	}

}

难点主要是每个动画的构造函数如何设置参数。

 

第二种实现方法

下面再来看下如何在xml中设置动画

首先在res目录下创建anim目录动画效果的配置文件

alpha.xml

 

<?xml version="1.0" encoding="utf-8"?>

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

    android:interpolator="@android:anim/accelerate_interpolator" >



    <alpha

        android:duration="3000"

        android:fromAlpha="1.0"

        android:toAlpha="0.0"

        android:startOffset="500" />



</set>

rotate.xml

 

 

<?xml version="1.0" encoding="utf-8"?>

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

    android:interpolator="@android:anim/accelerate_interpolator" >



    <rotate

        android:duration="3000"

        android:fromDegrees="0"

        android:pivotX="50%"

        android:pivotY="50%"

        android:toDegrees="+360" />



</set>

scale.xml

 

 

<?xml version="1.0" encoding="utf-8"?>

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

    android:interpolator="@android:anim/accelerate_interpolator" >



    <scale

        android:duration="3000"

        android:fromXScale="1.0"

        android:toXScale="0.0"

        android:fromYScale="1.0"

        android:toYScale="0.0"

        android:pivotX="50%"

        android:pivotY="50%"/>



</set>

translate.xml

 

 

<?xml version="1.0" encoding="utf-8"?>

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

    android:interpolator="@android:anim/accelerate_interpolator" >



    <translate

        android:duration="3000"

        android:fromXDelta="50%"

        android:toXDelta="100%"

        android:fromYDelta="0%"

        android:toYDelta="100%" />



</set>

再来看下在Activity中如何实现

 

 

package com.example.animation;



import android.app.Activity;

import android.os.Bundle;

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 com.example.widgetdemo.R;



public class AnimationXmlDemo extends Activity {

	private Button rotate = null;

	private Button scale = null;

	private Button translate = null;

	private Button alpha = null;

	private ImageView image = null;



	@Override

	protected void onCreate(Bundle savedInstanceState) {

		// TODO Auto-generated method stub

		super.onCreate(savedInstanceState);

		setContentView(R.layout.animation_xml);

		rotate = (Button) findViewById(R.id.rotate);

		scale = (Button) findViewById(R.id.scale);

		translate = (Button) findViewById(R.id.translate);

		alpha = (Button) findViewById(R.id.alpha);

		image = (ImageView) findViewById(R.id.image);



		rotate.setOnClickListener(new rotateListener());

		scale.setOnClickListener(new scaleListener());

		translate.setOnClickListener(new translateListener());

		alpha.setOnClickListener(new alphaListener());

	}

	

	/**

	 * 旋转动画

	 * @author Administrator

	 *

	 */

	class rotateListener implements OnClickListener {



		@Override

		public void onClick(View arg0) {

			// TODO Auto-generated method stub

			Animation animation = AnimationUtils.loadAnimation(AnimationXmlDemo.this, R.anim.rotate);

			image.startAnimation(animation);

		}



	}



	/**

	 * 缩放动画

	 * @author Administrator

	 *

	 */

	class scaleListener implements OnClickListener {



		@Override

		public void onClick(View arg0) {

			// TODO Auto-generated method stub

			Animation animation = AnimationUtils.loadAnimation(AnimationXmlDemo.this, R.anim.scale);

			image.startAnimation(animation);



		}



	}



	/**

	 * 移动

	 * @author Administrator

	 *

	 */

	class translateListener implements OnClickListener {



		@Override

		public void onClick(View arg0) {

			// TODO Auto-generated method stub

			Animation animation = AnimationUtils.loadAnimation(AnimationXmlDemo.this, R.anim.translate);

			image.startAnimation(animation);

		}

	}



	/**

	 * 渐变动画

	 * @author Administrator

	 *

	 */

	class alphaListener implements OnClickListener {



		@Override

		public void onClick(View arg0) {

			// TODO Auto-generated method stub

			Animation animation = AnimationUtils.loadAnimation(AnimationXmlDemo.this, R.anim.alpha);

			image.startAnimation(animation);

		}



	}

}

在代码中和xml中实现的效果都是一样的，最后上图

 

完整的代码可以到以下链接下载

点击打开链接