Android动画(转)

Android动画

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);

    }

}

 

 

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/ywjackchan/archive/2010/05/09/5570026.aspx

发表评论

电子邮件地址不会被公开。 必填项已用*标注

昵称 *