当前位置:操作系统 > 安卓/Android >>

Android学习笔记14:Tween Animation动画的实现

在Android中,有两种动画模式:Tween Animation(渐变动画)和Frame Animation(帧动画)。渐变动画是通过对场景里的对象不断做图像变换(平移、缩放、旋转等)来产生动画效果。帧动画则是通过顺序播放事先准备好的图像来产生动画效果,和电影类似。

1.通过Java代码实现Tween Animation

  Tween Animation动画效果是通过Animation类来实现的。Animation类有五个直接子类,分别为AlphaAnimation、ScaleAnimation、TranslateAnimation、RotateAnimation和AnimationSet。其中,AlphaAnimation用来实现透明度渐变动画效果;ScaleAnimation用来实现尺寸伸缩渐变动画效果;TranslateAnimation用来实现画面转换位置移动动画效果;RotateAnimation用来实现画面转移旋转动画效果;AnimationSet则用于对多个动画进行组合。

1.1AlphaAnimation类的常用方法

  AlphaAnimation类的常用方法如下:

  AlphaAnimation(float fromAlpha, float toAlpha);

  其中,参数fromAlpha表示动画起始时透明度;参数toAlpha表示动画结束时透明度(0.0表示完全透明,1.0表示完全不透明)

  willChangeBounds();//动画是否影响指定的视图范围

  willChangeTransformationMatrix();//动画是否影响转换矩阵

1.2ScaleAnimation类的常用方法

  ScaleAnimation类的常用方法如下:

  ScaleAnimation(float fromX, float toX, float fromY, float toY, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue);

  其中,参数fromX、toX分别表示起始和结束时x坐标上的伸缩尺寸;参数fromY、toY分别表示起始和结束时y坐标上的伸缩尺寸;参数pivotXType、pivotYType分别表示x、y的伸缩模式;参数pivotXValue、pivotYValue分别表示伸缩动画相对于x、y的坐标的开始位置。

1.3TranslateAnimation类的常用方法

  TranslateAnimation类的常用方法如下:

  TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta);

  其中,参数fromXDelta、fromYDelta分别表示起始时x、y坐标;参数toXDelta、toYDelta分别表示结束时x、y坐标。

1.4RotateAnimation类的常用方法

  RotateAnimation类的常用方法如下:

  RotateAnimation(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue);

  其中,参数fromDegrees表示开始时的角度;参数toDegrees表示结束时的角度;参数pivotXType、pivotYType分别表示x、y的伸缩模式;参数pivotXValue、pivotYValue分别表示伸缩动画相对于x、y的坐标的开始位置。

1.5AnimationSet类的常用方法

  AnimationSet类的常用方法如下:

  AddAnimation(Animation a);//添加一个动画到动画组件中

  computeDurationHint();//动画组件的最大持续时间

  getAnimation();//获取动画

  getDuration();//获取动画组件的持续时间

  getStartTime();//获取动画开始的时间

  setDuration(long durationMillis);//设置动画持续时间

  setFillAfter(boolean fillAfter);//设置动画转换在动画结束后被应用

  setFillBefore(boolean fillBefore);//设置动画转换在动画开始前被应用

  setStartOffset(long startOffset);//设置动画之间的时间间隔

  etRepeatMode(int repeatMode);//设置动画的重复模式

 

2.通过xml布局文件实现Tween Animation

  使用xml布局文件可以更简单的实现Tween Animation动画效果。

  Animation的xml布局文件存放在工程的res/anim目录下。

  在xml布局文件中必须包含根元素<set>。节点<alpha>、<scale>、<translate>和<rotate>分别对应AlphaAnimation、ScaleAnimation、TranslateAnimation和RotateAnimation四种动画效果。

2.1Tween Animation的共同节点属性

  Tween Animation的共同节点属性有以下一些:

  android:duration[long]//动画的持续时间,单位为ms

  android:fillAfter[boolean]//设置为true时,动画转换在动画结束后被应用

  android:fillBefore[boolean]//设置为true时,动画转换在动画开始前被应用

  android:interpolator//设置动画的插入器,可选值有accelerate_decelerate_interpolator加速减速动画插入器,accelerate_interpolator加速动画插入器,decelerate_interpolator减速动画插入器

  android:repeatCount[int]//动画的重复次数

  android:repeatMode[int]//动画的重复模式,1表示重头开始重新播放,2表示从后往前重新播放

  android:startOffset[long]//设置动画之间的时间间隔

  android:zAdjustment[int]//

2.2节点<alpha>的常用属性

  节点<alpha>的常用属性如下:

  android:fromAlpha[float]表示起始时透明度

  android:toAlpha[float]表示结束时透明度

  取值说明:0.0表示完全透明,1.0表示完全不透明

2.3节点<scale>的常用属性

  节点<scale>的常用属性如下:

  android:fromXScale[float]表示动画起始时x坐标上的伸缩尺寸

  android:toXScale[float]表示动画结束时x坐标上的伸缩尺寸

  android:fromYScale[float]表示动画起始时y坐标上的伸缩尺寸

  android:toYScale[float]表示动画结束时y坐标上的伸缩尺寸

  取值说明:0.0表示收缩到没有,1.0表示正常无收缩,值大于1.0表示放大,值小于1.0表示收缩

  android:pivotX[float]表示动画相对于物件的x坐标的开始位置

  android:pivotY[float]表示动画相对于物件的y坐标的开始位置

2.4节点<translate>的常用属性

  节点<translate>的常用属性如下:

  android:fromXDelta[int]表示动画起始时x坐标上的位置

  android:toXDelta[int]表示动画结束时x坐标上的位置

  android:fromYDelta[int]表示动画起始时y坐标上的位置

  android:toYDelta[int]表示动画结束时y坐标上的位置

2.5节点<translate>的常用属性

  节点<rotate>的常用属性如下:

  android:fromDegrees表示动画起始时物件的角度

  android:toDegrees表示动画结束时物件的角度

  取值说明:负数from—正数to表示顺时针旋转,负数from—负数to表示逆时针旋转,正数from—正数to表示顺时针旋转,正数from—负数to表示逆时针旋转

  android:pivotX表示动画相对于物件的x坐标的开始位置

  android:pivotY表示动画相对于物件的y坐标的开始位置

 

3.实例

  在本实例中,分别使用Java代码和xml布局文件实现了Tween Animation动画效果。通过使用上下左右键可以分别实现AlphaAnimation、ScaleAnimation、TranslateAnimation和RotateAnimation四种动画效果。

  TweenAnimation.java源代码如下:

TweenAnimation.java源代码
 1 package com.example.android_tweenanimation;
 2
 3 import android.content.Context;
 4 import android.graphics.Bitmap;
 5 import android.graphics.Canvas;
 6 import android.graphics.drawable.BitmapDrawable;
 7 import android.view.KeyEvent;
 8 import android.view.View;
 9 import android.view.animation.AlphaAnimation;
10 import android.view.animation.Animation;
11 import android.view.animation.AnimationUtils;
12 import android.view.animation.RotateAnimation;
13 import android.view.animation.ScaleAnimation;
14 import android.view.animation.TranslateAnimation;
15
16 public class TweenAnimation extends View {
17
18     private Animation mAnimationAlpha = null;                        //Alpha动画
19     private Animation mAnimationScale = null;                         //Scale动画
20     private Animation mAnimationTranslate = null;                //Translate动画
21     private Animation mAnimationRotate = null;                      //Rotate动画
22    
23     Context mContext = null;
24     Bitmap mBitmap_fuwa = null;                      //Bitmap对象
25    
26 &nb

补充:移动开发 , Android ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,