Android中Animation动画的介绍及用法详解

来源:互联网 发布:ubuntu wine office 编辑:程序博客网 时间:2024/04/30 04:00

Android中Animation动画的介绍及用法详解

  1. Android SDK介绍了2种Animation:
    (1)Tween Animation(渐变动画): 通过对特定的对象做图像变换如平移、缩放、旋转、淡出/淡入等产生动画效果
    (2)Frame Animation(帧动画): 创建一个Drawable序列,这些Drawable可以按照指定的时间间隔一个一个的显示,也就是顺序播放事先做好的图像。

  2. Tween Animation动画:
    (1)Tween Animation有4种样式:
    Alpha: 渐变透明度动画效果
    Scale: 渐变尺寸伸缩动画效果
    Translate: 移动动画效果
    Rotate: 旋转动画效果
    (2)Tween Animation有 2种使用方法:
    a、在XML资源中定义Animation,使用AnimationUtils中的loadAnimation()函数加载 动画;
    b、使用Animation子类的构造函数来初始化Animation对象。

在XML资源中定义Animation:

Alpha:<alpha android:interpolator= “@android:anim/accelerate_decelerate_interpolatorandroid:fromAlpha="1.0"        android:toAlpha="0.0"        android:duration="3000"    ></alpha>    <!--     interpolator:指定一个动画的插入器,用来控制动画的速度变化         fromAlpha:动画起始时透明度                      0.0表示完全透明                      1.0表示完全不透明                      以上值取0.0-1.0之间的float数据类型的数字        toAlpha:动画结束时透明度        duration:持续时间 -->Scale:<scale      android:interpolator= “@android:anim/accelerate_decelerate_interpolatorandroid: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:startOffset=“700”      android:duration=”700″      android:repeatCount=”10″ />       <!--         fromXScale[float]:为动画起始时,X坐标上的伸缩尺寸,0.0表示收缩到没有        fromYScale[float]:为动画起始时,Y坐标上的伸缩尺寸,0.0表示收缩到没有        1.0表示正常无伸缩        值小于1.0表示收缩        值大于1.0表示放大    toXScale[float]:为动画结束时,X坐标上的伸缩尺寸    toYScale[float]:为动画结束时,X坐标上的伸缩尺寸    pivotX[float]:为动画相对于物件的X坐标的开始位置    pivotY[float]:为动画相对于物件的X、Y坐标的开始位置           50,50%,50%p。这三种写法就分别代表了ABSOLUTE,RELATIVE_TO_SELF和  RELATIVE_TO_PARENT。      属性值说明:从0%-100%中取值,50%为物件的X或Y方向坐标上的中点位置    fillAfter[boolean]:当设置为true ,该动画转化在动画结束后被应用    startOffset[long]:动画之间的时间间隔,从上次动画停多少时间开始执行下个动画    repeatCount[int]:动画的重复次数 -->Translate:<translate        android:interpolator=”@android:anim/accelerate_decelerate_interpolatorandroid:fromXDelta=”30″      android:toXDelta=”-80″      android:fromYDelta=”30″      android:toYDelta=”300″      android:duration=”2000″ /><!--                    fromXDelta:为动画起始时 X坐标上的位置          toXDelta: 为动画结束时 X坐标上的位置             fromYDelta: 为动画起始时 Y坐标上的位置    toYDelta:为动画结束时 Y坐标上的位置 -->Rotate: <rotate      android:interpolator=”@android:anim/accelerate_decelerate_interpolatorandroid:fromDegrees=”0″      android:toDegrees=”+350″      android:pivotX=”50%”      android:pivotY=”50%”      android:duration=”3000″ /><!--                    fromDegrees:动画起始时物件的角度    toDegrees:动画结束时物件旋转的角度 可以大于360度          当角度为负数——表示逆时针旋转          当角度为正数——表示顺时针旋转          (负数from——to正数:顺时针旋转)          (负数from——to负数:逆时针旋转)          (正数from——to正数:顺时针旋转)          (正数from——to负数:逆时针旋转)    pivotX;:为动画相对于物件的X、Y坐标的开始位置    pivotY: 为动画相对于物件的X、Y坐标的开始位置          50%为物件的X或Y方向坐标上的中点位置 -->

使用Animation子类的构造函数来初始化Animation对象:
在Android SDK中提供了相应的类,Animation类派生出了 AlphaAnimation 、ScaleAnimation 、 TranslateAnimation 、RotateAnimation 分别实现了平移、旋转、渐变尺寸和透明度等动画。

Tween Animation通过对 View 的内容完成一系列的图形变换 (包括平移、缩放、旋转、改变透明度)来实现动画效果。具体来讲,预先定义一组指令,这些指令指定了图形变换的类型、触发时间、持续时间。这些指令可以是以 XML 文件方式定义,也可以是以源代码方式定义, 程序沿着时间线执行这些指令就可以实现动画效果。

(3)Android SDK中通过interpolator控制动画的运行
interpolator定义一个动画的变化率(the rate of change)。这使得基本的动画效果(alpha, scale, translate, rotate)得以加速,减
速,重复等。

Interpolator是基类,Android 提供了几个 Interpolator 子类,实现了不同的速度曲线,如下:
AccelerateDecelerateInterpolator 在动画开始与结束的时候减速,在中间的时候加速
AccelerateInterpolator 在动画开始的时候减速,然后开始加速
CycleInterpolator 动画循环播放特定的次数,速率改变沿着正弦曲线
DecelerateInterpolator 在动画开始的时候加速,然后开始减速
LinearInterpolator 在动画的以均匀的速率改变

(4)动画的运行模式
动画的运行模式有两种:

独占模式:即程序主线程进入一个循环,根据动画指令不断刷新屏幕,直到动画结束;
中断模式:即有单独一个线程对时间计数,每隔一定的时间向主线程发通知,主线程接到通知后更新屏幕

3、 Frame Animation动画:
前面已经说过,Frame Animation是顺序播放事先做好的图像,与电影类似。Android SDK提供了类AnimationDrawable来定义、使用Frame
Animation。

Frame Animation可以在XML Resource定义,也可以使用AnimationDrawable中的API定义。由于Tween Animation与Frame Animation有着很
大的不同,因此XML定义的格式也完全不一样,其格式是:首先是animation-list根节点,animation-list根节点中包含多个item子节点,
每个item节点定义一帧动画:当前帧的drawable资源和当前帧持续的时间。

接下来是动画加载什么地方:
super.overridePendingTransition(R.anim.push_left_in, R.anim.zoom_exit);–切换activity
imgCover.startAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.fade));

Android动画解析–JavaCode

AlphaAnimation    ① AlphaAnimation类对象定义    private AlphaAnimation myAnimation_Alpha    ② AlphaAnimation类对象构造    AlphaAnimation(float fromAlpha, float toAlpha)     //第一个参数fromAlpha为 动画开始时候透明度    //第二个参数toAlpha为 动画结束时候透明度    myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);    //说明:     //                0.0表示完全透明    //                1.0表示完全不透明    ③ 设置动画持续时间    myAnimation_Alpha.setDuration(5000);    //设置时间持续时间为 5000毫秒ScaleAnimation① ScaleAnimation类对象定义private AlphaAnimation myAnimation_Alpha;② ScaleAnimation类对象构造ScaleAnimation(float fromX, float toX, float fromY, float toY,           int pivotXType, float pivotXValue, int pivotYType, float pivotYValue) //第一个参数fromX为动画起始时 X坐标上的伸缩尺寸    //第二个参数toX为动画结束时 X坐标上的伸缩尺寸     //第三个参数fromY为动画起始时Y坐标上的伸缩尺寸    //第四个参数toY为动画结束时Y坐标上的伸缩尺寸  /*说明:                    以上四种属性值                        0.0表示收缩到没有                     1.0表示正常无伸缩                         值小于1.0表示收缩                      值大于1.0表示放大*///第五个参数pivotXType为动画在X轴相对于物件位置类型  //第六个参数pivotXValue为动画相对于物件的X坐标的开始位置//第七个参数pivotXType为动画在Y轴相对于物件位置类型   //第八个参数pivotYValue为动画相对于物件的Y坐标的开始位置myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,             Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);③ 设置动画持续时间myAnimation_Scale.setDuration(700);//设置时间持续时间为 700毫秒TranslateAnimationTranslateAnimation类对象定义private AlphaAnimation myAnimation_Alpha;② TranslateAnimation类对象构造TranslateAnimation(float fromXDelta, float toXDelta,                       float fromYDelta, float toYDelta) //第一个参数fromXDelta为动画起始时 X坐标上的移动位置    //第二个参数toXDelta为动画结束时 X坐标上的移动位置      //第三个参数fromYDelta为动画起始时Y坐标上的移动位置     //第四个参数toYDelta为动画结束时Y坐标上的移动位置③ 设置动画持续时间myAnimation_Translate.setDuration(2000);//设置时间持续时间为 2000毫秒RotateAnimation① RotateAnimation类对象定义private AlphaAnimation myAnimation_Alpha;② RotateAnimation类对象构造RotateAnimation(float fromDegrees, float toDegrees,             int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)//第一个参数fromDegrees为动画起始时的旋转角度    //第二个参数toDegrees为动画旋转到的角度   //第三个参数pivotXType为动画在X轴相对于物件位置类型  //第四个参数pivotXValue为动画相对于物件的X坐标的开始位置//第五个参数pivotXType为动画在Y轴相对于物件位置类型   //第六个参数pivotYValue为动画相对于物件的Y坐标的开始位置myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,               Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);③ 设置动画持续时间myAnimation_Rotate.setDuration(3000);//设置时间持续时间为 3000毫秒
0 0
原创粉丝点击