Android Tween Animation

    技术2022-05-20  48

     

    Android支持动画效果。常见的有Tween Animation和Frame Animation.其中Frame Animation我们在墙面介绍过了,它比较简单。这里来介绍下Tween

     

    Tween Animation 常见可以分成四种:

     

    ScaleAnimation            :渐变尺寸伸缩效果

    AlphaAnimation            :渐变透明度动画效果

    TranslateAnimation      :画面转换位置动画效果

    RotateAnimation          :画面转移动画效果

     

     

    其中,我们可以在代码中直接使用,也可以把Animation做成资源XML文件,从资源中装载。

     

    Animation Java Code的使用示例:

    package com.rocky.demo; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.drawable.BitmapDrawable; import android.view.KeyEvent; import android.view.MotionEvent; import android.view.View; import android.view.animation.AlphaAnimation; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.view.animation.RotateAnimation; import android.view.animation.ScaleAnimation; import android.view.animation.TranslateAnimation; public class GameView extends View { private Animation mAnimationAlpha=null; private Animation mAnimationScale=null; private Animation mAnimationTranslate=null; private Animation mAnimationRotate=null; private Context mContext=null; Bitmap mBackGroundBitmap=null; int index=0; public GameView(Context context) { super(context); // TODO Auto-generated constructor stub mContext=context; mBackGroundBitmap=((BitmapDrawable)this.getResources().getDrawable(R.drawable.image2)).getBitmap(); } @Override protected void onDraw(Canvas canvas) { // TODO Auto-generated method stub super.onDraw(canvas); canvas.drawBitmap(mBackGroundBitmap, 0,0,null); } @Override public boolean onKeyDown(int keyCode, KeyEvent event) { // TODO Auto-generated method stub switch(keyCode) { case KeyEvent.KEYCODE_DPAD_DOWN: { //mAnimationAlpha=AnimationUtils.loadAnimation(mContext, R.anim.alpha_animation); mAnimationAlpha=new AlphaAnimation(0.1f,1.0f); mAnimationAlpha.setDuration(10000); this.startAnimation(mAnimationAlpha); } break; case KeyEvent.KEYCODE_DPAD_UP: { //mAnimationRotate=AnimationUtils.loadAnimation(mContext, R.anim.rotate_animation); mAnimationRotate=new RotateAnimation(0.0f,+360.0f,Animation.ABSOLUTE,400,Animation.ABSOLUTE,300); mAnimationRotate.setDuration(1000); this.startAnimation(mAnimationRotate); } break; case KeyEvent.KEYCODE_DPAD_LEFT: { //mAnimationScale=AnimationUtils.loadAnimation(mContext, R.anim.scale_animation); mAnimationScale=new ScaleAnimation(0.1f,3.0f,0.1f,3.0f,Animation.RELATIVE_TO_SELF,0.0f,Animation.RELATIVE_TO_SELF,0.5f); mAnimationScale.setDuration(4000); this.startAnimation(mAnimationScale); } break; case KeyEvent.KEYCODE_DPAD_RIGHT: { //mAnimationTranslate=AnimationUtils.loadAnimation(mContext, R.anim.translate_animation); mAnimationTranslate=new TranslateAnimation(0,800,0,600); mAnimationTranslate.setDuration(4000); this.startAnimation(mAnimationTranslate); } break; } return super.onKeyDown(keyCode, event); } }

     

     

    Android动画解析 --XML <alpha>

    <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <alpha android:fromAlpha="0.1" android:toAlpha="1.0" android:duration="3000" /> <!-- 透明度控制动画效果 alpha         浮点型值:             fromAlpha 属性为动画起始时透明度             toAlpha   属性为动画结束时透明度             说明:                 0.0表示完全透明                 1.0表示完全不透明             以上值取0.0-1.0之间的float数据 类型的数字                  长整型值:             duration  属性为动画持续时间             说明:                      时间以毫秒为单位 --> </set> 复制代码

    <scale>

    <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android">    <scale             android:interpolator=                      "@android:anim/accelerate_decelerate_interpolator"           android:fromXScale="0.0"           android:toXScale="1.4"           android:fromYScale="0.0"           android:toYScale="1.4"           android:pivotX="50%"           android:pivotY="50%"           android:fillAfter="false"           android:duration="700" /> </set> <!-- 尺寸伸缩动画效果 scale        属性:interpolator 指定一个动画的插入器         在我试验过程中,使用android.res.anim中的资源 时候发现         有三种动画插入器:             accelerate_decelerate_interpolator  加速-减速 动画插入器             accelerate_interpolator        加速-动画插入器             decelerate_interpolator        减速- 动画插入器         其他的属于特定的动画效果       浮点型值:                       fromXScale 属性为动画起始时 X坐标上的伸缩尺寸                toXScale   属性为动画结束时 X坐标上的伸缩尺寸                           fromYScale 属性为动画起始时Y坐标上的伸缩尺寸                toYScale   属性为动画结束时Y坐标上的伸缩尺寸                         说明:                  以上四种属性值                            0.0表示收缩到没有                     1.0表示正常无伸缩                          值小于1.0表示收缩                       值大于1.0表示放大                      pivotX     属性为动画相对于物件的X坐标的开始位置             pivotY     属性为动画相对于物件的Y坐标的开始位置                      说明:                     以上两个属性值 从0%-100%中取值                     50%为物件的X或Y方向坐标上的中点位置                  长整型值:             duration  属性为动画持续时间             说明:   时间以毫秒为单位         布尔型值:             fillAfter 属性 当设置 为true ,该动画转化在动画结束后被应用 -->

    <translate>

    <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:fromXDelta="30" android:toXDelta="-80" android:fromYDelta="30" android:toYDelta="300" android:duration="2000" /> <!-- translate 位置转移动画效果         整型值:             fromXDelta 属性为动画起始时 X坐标上的位置                toXDelta   属性为动画结束时 X坐标上的位置             fromYDelta 属性为动画起始时 Y坐标上的位置             toYDelta   属性为动画结束时 Y坐标上的位置             注意:                      没有指定fromXType toXType fromYType toYType 时候,                      默认是以自己为相对参照物                     长整型值:             duration  属性为动画持续时间             说明:   时间以毫秒为单位 --> </set>

    <rotate>

    <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <rotate         android:interpolator="@android:anim/accelerate_decelerate_interpolator"         android:fromDegrees="0"         android:toDegrees="+350"                  android:pivotX="50%"         android:pivotY="50%"              android:duration="3000" />   <!-- rotate 旋转动画效果        属性:interpolator 指定一个动画的插入器              在我试验过程中,使用android.res.anim中的资源时候发现              有三种动画插入器:                 accelerate_decelerate_interpolator   加速-减速 动画插入器                 accelerate_interpolator               加速-动画插入器                 decelerate_interpolator               减速- 动画插入器              其他的属于特定的动画效果                                    浮点数型值:             fromDegrees 属性为动画起始时物件的角度                toDegrees   属性为动画结束时物件旋转的角度 可以大于360度                         说明:                      当角度为负数——表示逆时针旋转                      当角度为正数——表示顺时针旋转                                    (负数from——to正数:顺时针旋转)                         (负数from——to负数:逆时针旋转)                      (正数from——to正数:顺时针旋转)                      (正数from——to负数:逆时针旋转)                   pivotX     属性为动画相对于物件的X坐标的开始位置             pivotY     属性为动画相对于物件的Y坐标的开始位置                             说明:        以上两个属性值 从0%-100%中取值                          50%为物件的X或Y方向坐标上的中点位置         长整型值:             duration  属性为动画持续时间             说明:       时间以毫秒为单位 --> </set>

    如何使用XML 中的动画效果

    public static Animation loadAnimation (Context context, int id) //第一个参数Context为程序 的上下文    //第二个参数id为动画XML文件的引用 //例子 : myAnimation= AnimationUtils.loadAnimation(this,R.anim.my_action); //使用AnimationUtils类的静态方法loadAnimation()来加载 XML中的动画XML文件

     

     

    下面给出一个AnimationXml文件的具体内容。

     

    <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <alpha android:fromAlpha="0.1" android:toAlpha="1.0" android:duration="2000" /> </set>

     

     

    scale,rotate,translate等等都是类似的。

     

     

     


    最新回复(0)