Android--Animation动画介绍和实现

1.Animation 动画类型

Android的animation由四种类型组成：

XML中

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

 

 

 

 

 

JavaCode中

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

 

 

 

 

 2.Android动画模式

Animation主要有两种动画模式：

一种是tweened animation(渐变动画)

XML中JavaCodealphaAlphaAnimationscaleScaleAnimation

 

 

 

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

XML中JavaCodetranslateTranslateAnimationrotateRotateAnimation

 

 

 

3.如何在XML文件中定义动画

步骤如下：

①新建 Android 项目

②在res目录中新建anim文件夹

③在anim目录中新建一个my_anim.xml(注意文件名小写)

④在 my_anim.xml 加入动画代码

importandroid.app.Activity;importandroid.os.Bundle;importandroid.view.View;importandroid.view.View.OnClickListener;import android.view.animation.AlphaAnimation;import android.view.animation.Animation;importandroid.view.animation.AnimationSet;importandroid.view.animation.RotateAnimation;importandroid.view.animation.ScaleAnimation;import android.view.animation.TranslateAnimation;importandroid.widget.Button;importandroid.widget.ImageView;public class Animation1Activity extends Activity {    private Button rotateButton = null;    private Button scaleButton = null;    private Button alphaButton = null;    private Button translateButton = null;    private ImageView image = null;    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);               rotateButton = (Button)findViewById(R.id.rotateButton);        scaleButton = (Button)findViewById(R.id.scaleButton);        alphaButton = (Button)findViewById(R.id.alphaButton);        translateButton = (Button)findViewById(R.id.translateButton);        image = (ImageView)findViewById(R.id.image);             rotateButton.setOnClickListener(newRotateButtonListener());        scaleButton.setOnClickListener(newScaleButtonListener());        alphaButton.setOnClickListener(newAlphaButtonListener());        translateButton.setOnClickListener(           new TranslateButtonListener());    }    class AlphaButtonListener implementsOnClickListener{       public void onClick(View v) {           //创建一个AnimationSet对象，参数为Boolean型，           //true表示使用Animation的interpolator，false则是使用自己的           AnimationSet animationSet = new AnimationSet(true);           //创建一个AlphaAnimation对象，参数从完全的透明度，到完全的不透明           AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0);           //设置动画执行的时间           alphaAnimation.setDuration(500);           //将alphaAnimation对象添加到AnimationSet当中           animationSet.addAnimation(alphaAnimation);           //使用ImageView的startAnimation方法执行动画           image.startAnimation(animationSet);       }    }    class RotateButtonListener implementsOnClickListener{       public void onClick(View v) {           AnimationSet animationSet = new AnimationSet(true);           //参数1：从哪个旋转角度开始           //参数2：转到什么角度           //后4个参数用于设置围绕着旋转的圆的圆心在哪里           //参数3：确定x轴坐标的类型，有ABSOLUT绝对坐标、RELATIVE_TO_SELF相对于自身坐标、RELATIVE_TO_PARENT相对于父控件的坐标           //参数4：x轴的值，0.5f表明是以自身这个控件的一半长度为x轴           //参数5：确定y轴坐标的类型           //参数6：y轴的值，0.5f表明是以自身这个控件的一半长度为x轴           RotateAnimation rotateAnimation = new RotateAnimation(0, 360,                  Animation.RELATIVE_TO_SELF,0.5f,                  Animation.RELATIVE_TO_SELF,0.5f);           rotateAnimation.setDuration(1000);           animationSet.addAnimation(rotateAnimation);           image.startAnimation(animationSet);       }    }    class ScaleButtonListener implementsOnClickListener{       public void onClick(View v) {           AnimationSet animationSet = new AnimationSet(true);           //参数1：x轴的初始值           //参数2：x轴收缩后的值           //参数3：y轴的初始值           //参数4：y轴收缩后的值           //参数5：确定x轴坐标的类型           //参数6：x轴的值，0.5f表明是以自身这个控件的一半长度为x轴           //参数7：确定y轴坐标的类型           //参数8：y轴的值，0.5f表明是以自身这个控件的一半长度为x轴           ScaleAnimation scaleAnimation = new ScaleAnimation(                  0, 0.1f,0,0.1f,                  Animation.RELATIVE_TO_SELF,0.5f,                  Animation.RELATIVE_TO_SELF,0.5f);           scaleAnimation.setDuration(1000);           animationSet.addAnimation(scaleAnimation);           image.startAnimation(animationSet);       }    }    class TranslateButtonListener implementsOnClickListener{       public void onClick(View v) {           AnimationSet animationSet = new AnimationSet(true);           //参数1～2：x轴的开始位置           //参数3～4：y轴的开始位置           //参数5～6：x轴的结束位置           //参数7～8：x轴的结束位置           TranslateAnimation translateAnimation =              new TranslateAnimation(                  Animation.RELATIVE_TO_SELF,0f,                  Animation.RELATIVE_TO_SELF,0.5f,                  Animation.RELATIVE_TO_SELF,0f,                  Animation.RELATIVE_TO_SELF,0.5f);           translateAnimation.setDuration(1000);           animationSet.addAnimation(translateAnimation);           image.startAnimation(animationSet);       }    }}

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >     <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:orientation="horizontal" >         <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/alphaButton"            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>     <LinearLayout        android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:orientation="vertical" >         <ImageView            android:id="@+id/image"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerInParent="true"            android:src="@drawable/an" />    </LinearLayout> </LinearLayout>