【android】动画效果研究

    Android 平台提供了两类动画，一类是 Tween 动画，即通过对场景里的对象不断做图像变换 ( 平移、缩放、旋转 ) 产生动画效果；第二类是 Frame 动画，即顺序播放事先做好的图像，跟电影类似。本次讲解的是Tween动画。

一、View

（1）对于控件View，android自身提供了动画效果Animation

参考文献：http://gundumw100.iteye.com/blog/850338

http://blog.youkuaiyun.com/rhljiayou/article/details/7194483

Animation是以XML格式定义的，定义好的XML文件存放在res\anim中。

Tween Animation，其由4种类型： 
    Alpha：渐变透明度动画效果 
    Scale：渐变尺寸伸缩动画效果 
    Translate：画面转换位置移动动画效果 
    Rotate：画面转换位置移动动画效果

在介绍以上4种类型前，先介绍Tween Animation共同的节点属性。

属性[类型]	功能
Duration[long]	属性为动画持续时间 时间以毫秒为单位
fillAfter [boolean]	当设置为true ，该动画转化在动画结束后被应用
fillBefore[boolean]	当设置为true ，该动画转化在动画开始前被应用
interpolator	指定一个动画的插入器，有一些常见的插入器。accelerate_decelerate_interpolator：加速-减速 动画插入器；accelerate_interpolator：加速-动画插入器；decelerate_interpolator：减速- 动画插入器，其他的属于特定的动画效果
repeatCount[int]	动画的重复次数
repeatMode[String]	定义重复的行为 1："restart" 2："reverse"   eg: android:repeatMode="reverse"
startOffset[long]	动画之间的时间间隔，从上次动画停多少时间开始执行下个动画
zAdjustment[int]	定义动画的Z Order的改变 0：保持Z Order不变，1：保持在最上层，-1：保持在最下层

 

下面分别举例说明4种类型的动画的定义：

a、alpha渐变透明度动画效果

1 2 3 4

<alpha android:fromAlpha=” 0.1 ″ android:toAlpha=” 1.0 ″ android:duration=” 3000 ″ />

fromAlpha属性为动画起始时透明度 
toAlpha 属性为动画结束时透明度 
0.0表示完全透明，1.0表示完全不透明，以上值取0.0-1.0之间的float数据类型的数字。

b、scale渐变尺寸伸缩动画效果

1 2 3 4 5 6 7 8 9 10 11 12

<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:startOffset=“ 700 ” android:duration=” 700 ″ android:repeatCount=” 10 ″ />

fromXScale[float] fromYScale[float] 为动画起始时，X、Y坐标上的伸缩尺寸 
toXScale [float] toYScale[float] 为动画结束时，X、Y坐标上的伸缩尺寸 
0.0表示收缩到没有，1.0表示正常无伸缩，值小于1.0表示收缩，值大于1.0表示放大 
pivotX[float] pivotY[float] 为动画相对于物件的X、Y坐标的开始位置 
属性值说明：从0%-100%中取值，50%为物件的X或Y方向坐标上的中点位置

c、translate画面转换位置移动动画效果

1 2 3 4 5 6

<translate android:fromXDelta=” 30 ″ android:toXDelta=”- 80 ″ android:fromYDelta=” 30 ″ android:toYDelta=” 300 ″ android:duration=” 2000 ″ />

fromXDelta toXDelta 为动画、结束起始时 X坐标上的位置 
fromYDelta toYDelta 为动画、结束起始时 Y坐标上的位置

d、rotate 画面转移旋转动画效果

1 2 3 4 5 6 7

<rotate android:interpolator=” @android :anim/accelerate_decelerate_interpolator” android: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 pivotY 为动画相对于物件的X、Y坐标的开始位 
说明：以上两个属性值 从0%-100%中取值，50%为物件的X或Y方向坐标上的中点位置

 

    按照上面的讲述学习完了Tween Animation的定义，对Tween Animation有了详细的了解，再去了解下Android SDK的animation package（android.view.animation），其提供了操作Tween Animation所有的类。

 

下面举例说明Tween Animation如何使用。

Android SDK提供了2种方法：

a、直接从XML资源中读取Animation

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

下面给出一个完整的XML定义（SDK提供） <set android:shareInterpolator= "false"  xmlns:android= "http://schemas.android.com/apk/res/android" >     <scale            android:interpolator= "@android:anim/accelerate_decelerate_interpolator"            android:fromXScale= "1.0"            android:toXScale= "1.4"            android:fromYScale= "1.0"            android:toYScale= "0.6"            android:pivotX= "50%"            android:pivotY= "50%"            android:fillAfter= "false"            android:duration= "700"  />     <set android:interpolator= "@android:anim/decelerate_interpolator" >        <scale               android:fromXScale= "1.4"               android:toXScale= "0.0"               android:fromYScale= "0.6"               android:toYScale= "0.0"               android:pivotX= "50%"               android:pivotY= "50%"               android:startOffset= "700"               android:duration= "400"               android:fillBefore= "false"  />        <rotate               android:fromDegrees= "0"               android:toDegrees= "-45"               android:toYScale= "0.0"               android:pivotX= "50%"               android:pivotY= "50%"               android:startOffset= "700"               android:duration= "400"  />     </set> </set>

下面简要说明从XML资源中读取Animation，按照应用程序开发的过程，介绍整个使用的过程，如下： 
创建Android工程；导入一张图片资源； 
在res\layout\main.xml中添加一个 ImageView Widget； 
在res下创建新的文件夹且命名为：anim，并在此文件夹下面定义 Animation XML 文件； 
修改OnCreate()中的代码，显示动画资源；

基本的调用xml方法如下：

1 2 3 4 5 6 7

//main.xml中的ImageView ImageView spaceshipImage = (ImageView) findViewById(R.id.spaceshipImage); //加载动画 Animation hyperspaceJumpAnimation = AnimationUtils.loadAnimation( this , R.anim.hyperspace_jump); //使用ImageView显示动画 spaceshipImage.startAnimation(hyperspaceJumpAnimation);

至于其他的load动画的方法，请参考相关SDK

b、使用Animation子类的构造函数来初始化Animation对象

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

//在代码中定义 动画实例对象   private  Animation myAnimation_Alpha;   private  Animation myAnimation_Scale;   private  Animation myAnimation_Translate;   private  Animation myAnimation_Rotate;   //根据各自的构造方法来初始化一个实例对象   myAnimation_Alpha= new  AlphaAnimation( 0 .1f, 1 .0f);   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_Translate= new  TranslateAnimation( 30 .0f, - 80 .0f, 30 .0f, 300 .0f);   myAnimation_Rotate= new  RotateAnimation( 0 .0f, + 350 .0f,   Animation.RELATIVE_TO_SELF, 0 .5f,Animation.RELATIVE_TO_SELF, 0 .5f);

1	<strong>下面开始简要介绍怎样控制动画：</strong>

     对于控制动画显示，Android也提供了相应的接口。动画的进度使用 Interpolator 控制。Interpolator 定义了动画的变化速度，可以实现匀速、正加速、负加速、无规则变加速等。Interpolator 是基类，封装了所有 Interpolator 的共同方法，它只有一个方法，即 getInterpolation (float input)，该方法 maps a point on the timeline to a multiplier to be applied to the transformations of an animation。Android 提供了几个 Interpolator 子类，实现了不同的速度曲线，如下：

AccelerateDecelerateInterpolator	在动画开始与介绍的地方速率改变比较慢，在中间的时候加速
AccelerateInterpolator	在动画开始的地方速率改变比较慢，然后开始加速
CycleInterpolator	动画循环播放特定的次数，速率改变沿着正弦曲线
DecelerateInterpolator	在动画开始的地方速率改变比较慢，然后开始减速
LinearInterpolator	在动画的以均匀的速率改变

对于 LinearInterpolator ，变化率是个常数，即 f (x) = x. 
public float getInterpolation(float input) { 
return input; 
} 
Interpolator其他的几个子类，也都是按照特定的算法，实现了对变化率。还可以定义自己的 Interpolator 子类，实现抛物线、自由落体等物理效果。

 

接着简要介绍下动画的运行模式

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

运行模式是由UI代码自行控制的