分别在XML文件、Java代码中实现动画效果 Animation（带示例）

1 android 动画

1.1动画结构图

 

Android动画

Animation(2D)

openGL(3D)

Tween

Frame

 

 

 

 

 

 

 

 

     

 

 

1.2动画相关类

                             1.2.1 Animation 类及其子类

Animation 类及其子类实现了各种动画效果，如平移、缩 放、旋转、改变透明度等。

Animation 是基类，他记录了动画的通用属性和方法。主要的属性包括动画持续时间、重复次、interpolator等。TranslateAnimation、RotateAnimation、AlphaAnimation 等是 Animation 的 子类，分别实现了平移、旋转、改变 Alpha 值等动画。

                             1.2.3 interpolator 类及其子类

interpolator 定义了动画的变化速度，可以实现匀速、正加速、负加速、无规则变加速等；

interpolator 是基类，封装了所有 interpolator 的共同方法.LinearInerpolator、AccelerateInterpolator、DecelerateInterpolator、AccelerateDecelerateInterpolator、CycleInterpolator是 Interpolator 的子类，分别实现了匀速、加速、减速、变速、循环等效果。

                             1.2.3 Transformation 类

 Transformation 记录了仿射矩阵 Matrix，动画每触发一次，会对原来的矩阵做一次运算， View 的 Bitmap 与这个矩阵相乘就可实现相应的操作(旋转、平移、缩放等)。

 

 

 

 

     

2 Tween动画

      Tween 动画，通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果。

 

 

Tween 动画

      

 

 

 

 

实现方式

动画类型

 

 

XML

Translate

Alpha

Rotate

Scale

自定义动画

Java Code

 

 

 

 

 

 

2.1 在XML定义动画

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

 

定义的alpha从0.1（透明）到1（不透明）渐变，渐变时间为5000毫秒。

<alpha

android:fromAlpha="0.1"

android:toAlpha="1.0"

android:duration="5000"

/>

 

定义了旋转变换，从0度变化到360度（旋转一周），时间为1000毫秒，变换的中心点位控件的中心位置

<rotate

        android:interpolator="@android:anim/accelerate_decelerate_interpolator"

       

        android:fromDegrees="0"

        android:toDegrees="+360"

               

        android:pivotX="50%"

        android:pivotY="50%"    

        

        android:duration="1000"

        android:repeatCount="10000"

        RepeatMode="1"

/>

 

定义X轴、Y轴从0.1到1逐渐放大（开始高度为正常大小的0.1然后逐渐放大到正常大小）。缩放持续的时间为2000毫秒，缩放的中心点(通过pivotX，pivotY定义)在控件的中间位置。

<scale

          android:interpolator="@android:anim/accelerate_decelerate_interpolator"

         

          android:fromXScale="0.1"

          android:toXScale="1.0"

         

          android:fromYScale="0.1"

          android:toYScale="1.0"

         

          android:pivotX="50%"

          android:pivotY="50%"

         

          android:fillAfter="false"

          android:duration="2000" />

 

定义了位置变换

<translate

        android:fromXDelta="10"

        android:toXDelta="200"

        android:fromYDelta="10"

        android:toYDelta="200"

        android:duration="1000"

/>

 

2.2在Java Code定义动画

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

//定义变量

private Animation myAnimation_Alpha;

private Animation myAnimation_Scale;

private Animation myAnimation_Translate;

private Animation myAnimation_Rotate;

 

myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);

//第一个参数fromAlpha为 动画开始时候透明度

//第二个参数toAlpha为 动画结束时候透明度

 

myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

//第一个参数fromX为动画起始时 X坐标上的伸缩尺寸

//第二个参数toX为动画结束时 X坐标上的伸缩尺寸

//第三个参数fromY为动画起始时Y坐标上的伸缩尺寸

//第四个参数toY为动画结束时Y坐标上的伸缩尺寸

//第五个参数pivotXType为动画在X轴相对于物件位置类型

//第六个参数pivotXValue为动画相对于物件的X坐标的开始位置

//第七个参数pivotXType为动画在Y轴相对于物件位置类型

//第八个参数pivotYValue为动画相对于物件的Y坐标的开始位置

 

myAnimation_Translate=new TranslateAnimation(30.0f, -80.0f, 30.0f, 300.0f);

//第一个参数fromXDelta为动画起始时 X坐标上的移动位置

//第二个参数toXDelta为动画结束时 X坐标上的移动位置

//第三个参数fromYDelta为动画起始时Y坐标上的移动位置

//第四个参数toYDelta为动画结束时Y坐标上的移动位置

 

myAnimation_Rotate=new  RotateAnimation(0.0f,350.0f,Animation.RELATIVE_TO_SELF,0.5f, Animation.RELATIV E_TO_SELF, 0.5f);

//第一个参数fromDegrees为动画起始时的旋转角度

//第二个参数toDegrees为动画旋转到的角度

//第三个参数pivotXType为动画在X轴相对于物件位置类型

//第四个参数pivotXValue为动画相对于物件的X坐标的开始位

//第五个参数pivotXType为动画在Y轴相对于物件位置类型

//第六个参数pivotYValue为动画相对于物件的Y坐标的开始位置

 

2.3自定义动画

    除了以上4类动画外，在代码中继承android.view.animation.Animation类来实现自定义效果。通过重写Animation的applyTransformation(float interpolatedTime, Transformation t)函数来实现自定义动画效果。

 

    在绘制动画的过程中会反复的调用applyTransformation函数，每次调用参数interpolatedTime值都会变化，该参数从0渐 变为1，当该参数为1时表明动画结束。通过参数Transformation 来获取变换的矩阵（matrix），通过改变矩阵就可以实现各种复杂的效果。

 

自定义图片旋转效果动画代码。

class ViewAnimation extends Animation

{  

    int mCenterX; 

    int mCenterY;  

    Camera camera = new Camera();  

    public ViewAnimation()

    {  

 

    }  

 

@Override 

public void initialize(int width, int height, int parentWidth,  

   int parentHeight)

{  

   super.initialize(width, height, parentWidth, parentHeight);  

 

   mCenterX = width/2;   

   mCenterY = height/2;  

   setDuration(2500);  

   setFillAfter(true);   

  // setRepeatCount(100);

   setInterpolator(new LinearInterpolator());  

}  

 

@Override 

protected void applyTransformation(float interpolatedTime,  

      Transformation t)

{  

   final Matrix matrix = t.getMatrix();  

   camera.save();  

   camera.translate(0.0f, 0.0f, (1300 - 1300.0f * interpolatedTime));  

   camera.rotateY(360 * interpolatedTime);  

   camera.getMatrix(matrix);  

   matrix.preTranslate(-mCenterX, -mCenterY);  

   matrix.postTranslate(mCenterX, mCenterY);  

   camera.restore();  

}  

} 

camera.translate(0.0f, 0.0f, (1300 - 1300.0f * interpolatedTime))在第一次调用的时候interpolatedTime值为0，相当于把ImageView在Z轴后移1300像素， 然后逐步的往前移动到0，同时camera.rotateY(360 * interpolatedTime)函数又把ImageView沿Y轴翻转360度

 

 

2.4动画实现

 在代码的一个activity中，将需要动画的控件与已定义的动画关联，开启动画

      private Animation mAnimationXXX ＝ null；//生明动画

   ImageView mAnimImageX ＝ null；//生明 ImageView控件（或者其它需要有动画的控件）

   mAnimImageX = (ImageView) this.findViewById(R.id.anim_imageX);//取得图片资源

   mAnimImageX.startAnimation(mAnimationXXX);//基于xml文件，开启动画

   mAnimImageX.startAnimation(new ViewAnimation());//基于自定义控件，开启动画。

   

2.5图片旋转Demo

 

public class AnimationDemo extends Activity {

     /** Called when the activity is first created. */

        ImageView mAnimImage;

       

        private Animation  mAnimationAlpha     = null;

        private Animation  mAnimationScale     = null;

        private Animation  mAnimationTranslate = null;

        private Animation  mAnimationRotate        = null;       

   @Override

     public void onCreate(Bundle savedInstanceState) {

       super.onCreate(savedInstanceState);

       setContentView(R.layout.main);

      

       mAnimImage = (ImageView) this.findViewById(R.id.anim_image1);  

   

       mAnimationAlpha =                AnimationUtils.loadAnimation(this,R.anim.alpha_animation);

       mAnimationScale =    AnimationUtils.loadAnimation(this,R.anim.scale_animation);

       mAnimationTranslate =    AnimationUtils.loadAnimation(this,R.anim.translate_animation);

       mAnimationRotate =   AnimationUtils.loadAnimation(this,R.anim.rotate_animation);

     

   }

  

   public boolean onKeyUp(int keyCode, KeyEvent event)

    {

   switch ( keyCode )

        {

        case KeyEvent.KEYCODE_1:

       

            mAnimImage.startAnimation(mAnimationAlpha);

           

            break;

        case KeyEvent.KEYCODE_2:

 

            mAnimImage.startAnimation(mAnimationScale);    

            break;

        case KeyEvent.KEYCODE_3:

            mAnimImage.startAnimation(mAnimationTranslate);

            break;

        case KeyEvent.KEYCODE_4:

            mAnimImage.startAnimation( mAnimationRotate);

            break;

        case KeyEvent.KEYCODE_5:  

            mAnimImage.startAnimation(new ViewAnimation());

            break;

        }

        return true;

    }

   public boolean onKeyDown(int keyCode, KeyEvent event)

    {

        if ( keyCode ==  KeyEvent.KEYCODE_BACK)

        {

            this.finish();

            return true;

        }

        return super.onKeyDown(keyCode, event);

    }

}

 

3  Frame动画

 

Frame 动画是顺序播放事先做好的图片。可以在XML Resource定义，也可以使AnimationDrawable中的API定义。

 

3.1Frame动画实现

定义XML文件

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

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"

    android:oneshot="false">

 

    <item android:drawable="@drawable/a1" android:duration="500" />

    <item android:drawable="@drawable/a2" android:duration="500" />

    <item android:drawable="@drawable/a3" android:duration="500" />

    <item android:drawable="@drawable/a4" android:duration="500" />

    <item android:drawable="@drawable/a5" android:duration="500" />

    <item android:drawable="@drawable/a6" android:duration="500" />

    <item android:drawable="@drawable/a7" android:duration="500" />

    <item android:drawable="@drawable/a8" android:duration="500" />

    <item android:drawable="@drawable/a9" android:duration="500" />

    <item android:drawable="@drawable/a10" android:duration="500" />

    <item android:drawable="@drawable/a11" android:duration="500" />

    <item android:drawable="@drawable/a12" android:duration="500" />

    <item android:drawable="@drawable/a13" android:duration="500" />

    <item android:drawable="@drawable/a14" android:duration="500" />

    <item android:drawable="@drawable/a15" android:duration="500" />     

</animation-list>

 

定义动画类

public class GameView extends View

{

 

    private AnimationDrawable  frameAnimation  = null;

    Context                     mContext        = null;

    public GameView(Context context)

    {

        super(context);

       

        mContext = context;

 

        ImageView img = new ImageView(mContext);

       

 

        img.setBackgroundResource(R.anim.frameanimation);      

       

 

        frameAnimation = (AnimationDrawable) img.getBackground();

       

 

        frameAnimation.setOneShot( false ); 

 

        this.setBackgroundDrawable(frameAnimation);

    }

   

    public void onDraw(Canvas canvas)

    {

        super.onDraw(canvas);

    }

   

    public boolean onKeyUp(int keyCode, KeyEvent event)

    {

        switch ( keyCode )

        {

        case KeyEvent.KEYCODE_DPAD_UP:

 

            frameAnimation.start();

            break;

        }

        return true;

    }

}

 

开启动画

public class Activity01 extends Activity

{

    private GameView   mGameView;

    /** Called when the activity is first created. */

    @Override

    public void onCreate(Bundle savedInstanceState)

    {

        super.onCreate(savedInstanceState);

       

        mGameView = new GameView(this);

       

        setContentView(mGameView);

    }

   

    public boolean onKeyUp(int keyCode, KeyEvent event)

    {

        if ( mGameView == null )

        {

            return false;

        }

        mGameView.onKeyUp(keyCode,event);

        return true;

    }

    public boolean onKeyDown(int keyCode, KeyEvent event)

    {

        if ( mGameView == null )

        {

            return false;

        }

        if ( keyCode ==  KeyEvent.KEYCODE_BACK)

        {

            this.finish();

            return true;

        }

        return super.onKeyDown(keyCode, event);

    }

}