天天看点
返回

android 动画详解

android中动画分为：属性动画，帧动画，layout动画。

1.属性动画

        包含 位移，透明度，旋转等动画。属性动画简单点说就是通过修改控件的属性值来达到动画的效果。先看一下它的实现类：

 public abstract class Animator implements Cloneable {

......

}

这个是所有动画的基类，里面包含了动画的mListener(),start(),cancel(),end(),......方法。

android 动画详解
android 动画详解

 再看一下他的子类：

AnimatorSet

FakeAnimator

ObjectAnimator

RenderNodeAnimator

RevealAnimator

TimeAnimator

ValueAnimator

Android属性动画（注意最低兼容版本，不过可以使用开源项目来替代低版本问题）提供了以下属性：

  • Duration：动画的持续时间；
  • TimeInterpolation：定义动画变化速率的接口，所有插值器都必须实现此接口，如线性、非线性插值器；
  • TypeEvaluator：用于定义属性值计算方式的接口，有int、float、color类型，根据属性的起始、结束值和插值一起计算出当前时间的属性值；
  • Animation sets：动画集合，即可以同时对一个对象应用多个动画，这些动画可以同时播放也可以对不同动画设置不同的延迟；
  • Frame refreash delay：多少时间刷新一次，即每隔多少时间计算一次属性值，默认为10ms，最终刷新时间还受系统进程调度与硬件的影响；
  • Repeat Country and behavoir：重复次数与方式，如播放3次、5次、无限循环，可以让此动画一直重复，或播放完时向反向播放；

接下来先来看官方为了解释原理给出的两幅图（其实就是初中物理题，不解释）：

android 动画详解

上面就是一个线性匀速动画，描述了一个Object的X属性运动动画，该对象的X坐标在40ms内从0移动到40，每10ms刷新一次，移动4次，每次移动为40/4=10pixel。 

android 动画详解

上面是一个非匀速动画，描述了一个Object的X属性运动动画，该对象的X坐标在40ms内从0移动到40，每10ms刷新一次，移动4次，但是速率不同，开始和结束的速度要比中间部分慢，即先加速后减速。

接下来我们来详细的看一下，属性动画系统的重要组成部分是如何计算动画值的，下图描述了如上面所示动画的实现作用过程。

android 动画详解

其中的ValueAnimator是动画的执行类，跟踪了当前动画的执行时间和当前时间下的属性值；ValueAnimator封装了动画的TimeInterpolator时间插值器和一个TypeEvaluator类型估值，用于设置动画属性的值，就像上面图2非线性动画里，TimeInterpolator使用了AccelerateDecelerateInterpolator、TypeEvaluator使用了IntEvaluator。

为了执行一个动画，你需要创建一个ValueAnimator，并且指定目标对象属性的开始、结束值和持续时间。在调用start后，整个动画过程中， ValueAnimator会根据已经完成的动画时间计算得到一个0到1之间的分数，代表该动画的已完成动画百分比。0表示0%，1表示100%，譬如上面图一线性匀速动画中总时间 t = 40 ms，t = 10 ms的时候是 0.25。

当ValueAnimator计算完已完成动画分数后，它会调用当前设置的TimeInterpolator，去计算得到一个interpolated（插值）分数，在计算过程中，已完成动画百分比会被加入到新的插值计算中。如上图2非线性动画中，因为动画的运动是缓慢加速的，它的插值分数大约是 0.15，小于t = 10ms时的已完成动画分数0.25。而在上图1中，这个插值分数一直和已完成动画分数是相同的。

当插值分数计算完成后，ValueAnimator会根据插值分数调用合适的 TypeEvaluator去计算运动中的属性值。

好了，现在我们来看下代码就明白这段话了，上面图2非线性动画里，TimeInterpolator使用了AccelerateDecelerateInterpolator、TypeEvaluator使用了IntEvaluator。所以这些类都是标准的API，我们来看下标准API就能类比自己写了，如下：

首先计算已完成动画时间分数（以10ms为例）：t=10ms/40ms=0.25。

总结：属性动画就是 将属性的差值/时间/变化方式, 三者的关系得到某个时间点的属性值，然后赋值给view，view进行刷新。

来看一下使用，分为xml和java代码两种使用方式。

通过xml文件:    activity_to_left.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="true">

    <scale

        android:duration="1000"

        android:fromXScale="1.0"

        android:fromYScale="1.0"

        android:pivotX="0.0%"

        android:pivotY="100.0%"

        android:toXScale="0.0"

        android:toYScale="1.0" />

<alph

......

/>

</set>

Animation animation = AnimationUtils.loadAnimation(this,

R.anim.activity_to_left);

vv.startAnimation(animation);

animation.setAnimationListener(new AnimationListener() {

@Override

public void onAnimationStart(Animation animation) {

// TODO Auto-generated method stub

}

@Override

public void onAnimationRepeat(Animation animation) {

// TODO Auto-generated method stub

}

@Override

public void onAnimationEnd(Animation animation) {

// TODO Auto-generated method stub

}

});

通过java代码实现

AnimationSet animationSet= new AnimationSet(true);

animationSet.setDuration(600);

animationSet.setInterpolator(new AccelerateInterpolator());

TranslateAnimation translateAnimation = new TranslateAnimation(

0, (float) (0.2 * width+0.2*w), 0, (float) (height - 0.8 * h+getActionBar().getHeight()));

animationSet.addAnimation(translateAnimation);

ScaleAnimation scaleAnimation = new ScaleAnimation(1.0f, 0.8f,

1.0f, 0.8f, 1f, 1f);

animationSet.addAnimation(scaleAnimation);

animationSet.setFillAfter(true);

vv.startAnimation(animationSet);

再看一下有哪些属性

有这4大类

alpha 渐变透明度动画效果
scale 渐变尺寸伸缩动画效果
translate 画面转换位置移动动画效果
rotate 画面转移旋转动画效果

<alpha>

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android" >
  3. <alpha
  4. android:fromAlpha="0.1"
  5. android:toAlpha="1.0"
  6. android:duration="3000"
  7. /> 
  8. <!-- 透明度控制动画效果 alpha
  9.         浮点型值：
  10.             fromAlpha 属性为动画起始时透明度
  11.             toAlpha   属性为动画结束时透明度
  12.             说明: 
  13.                 0.0表示完全透明
  14.                 1.0表示完全不透明
  15.             以上值取0.0-1.0之间的float数据类型的数字
  16.         长整型值：
  17.             duration  属性为动画持续时间
  18.             说明:     
  19.                 时间以毫秒为单位
  20. -->
  21. </set>

<scale>

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3.    <scale  
  4.           android:interpolator=
  5.                      "@android:anim/accelerate_decelerate_interpolator"
  6.           android:fromXScale="0.0"
  7.           android:toXScale="1.4"
  8.           android:fromYScale="0.0"
  9.           android:toYScale="1.4"
  10.           android:pivotX="50%"
  11.           android:pivotY="50%"
  12.           android:fillAfter="false"
  13.           android:duration="700" />
  14. </set>
  15. <!-- 尺寸伸缩动画效果 scale
  16.        属性：interpolator 指定一个动画的插入器
  17.         在我试验过程中，使用android.res.anim中的资源时候发现
  18.         有三种动画插入器:
  19.             accelerate_decelerate_interpolator  加速-减速 动画插入器
  20.             accelerate_interpolator        加速-动画插入器
  21.             decelerate_interpolator        减速- 动画插入器
  22.         其他的属于特定的动画效果
  23.       浮点型值：
  24.             fromXScale 属性为动画起始时 X坐标上的伸缩尺寸    
  25.             toXScale   属性为动画结束时 X坐标上的伸缩尺寸     
  26.             fromYScale 属性为动画起始时Y坐标上的伸缩尺寸    
  27.             toYScale   属性为动画结束时Y坐标上的伸缩尺寸    
  28.             说明:
  29.                  以上四种属性值    
  30.                     0.0表示收缩到没有 
  31.                     1.0表示正常无伸缩     
  32.                     值小于1.0表示收缩  
  33.                     值大于1.0表示放大
  34.             pivotX     属性为动画相对于物件的X坐标的开始位置
  35.             pivotY     属性为动画相对于物件的Y坐标的开始位置
  36.             说明:
  37.                     以上两个属性值 从0%-100%中取值
  38.                     50%为物件的X或Y方向坐标上的中点位置
  39.         长整型值：
  40.             duration  属性为动画持续时间
  41.             说明:   时间以毫秒为单位
  42.         布尔型值:
  43.             fillAfter 属性 当设置为true ，该动画转化在动画结束后被应用
  44. -->

<translate>

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3. <translate
  4. android:fromXDelta="30"
  5. android:toXDelta="-80"
  6. android:fromYDelta="30"
  7. android:toYDelta="300"
  8. android:duration="2000"
  9. />
  10. <!-- translate 位置转移动画效果
  11.         整型值:
  12.             fromXDelta 属性为动画起始时 X坐标上的位置    
  13.             toXDelta   属性为动画结束时 X坐标上的位置
  14.             fromYDelta 属性为动画起始时 Y坐标上的位置
  15.             toYDelta   属性为动画结束时 Y坐标上的位置
  16.             注意:
  17.                      没有指定fromXType toXType fromYType toYType 时候，
  18.                      默认是以自己为相对参照物             
  19.         长整型值：
  20.             duration  属性为动画持续时间
  21.             说明:   时间以毫秒为单位
  22. -->
  23. </set>

<rotate>

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3. <rotate 
  4.         android:interpolator="@android:anim/accelerate_decelerate_interpolator"
  5.         android:fromDegrees="0" 
  6.         android:toDegrees="+350"         
  7.         android:pivotX="50%" 
  8.         android:pivotY="50%"     
  9.         android:duration="3000" />  
  10. <!-- rotate 旋转动画效果
  11.        属性：interpolator 指定一个动画的插入器
  12.              在我试验过程中，使用android.res.anim中的资源时候发现
  13.              有三种动画插入器:
  14.                 accelerate_decelerate_interpolator   加速-减速 动画插入器
  15.                 accelerate_interpolator               加速-动画插入器
  16.                 decelerate_interpolator               减速- 动画插入器
  17.              其他的属于特定的动画效果
  18.        浮点数型值:
  19.             fromDegrees 属性为动画起始时物件的角度    
  20.             toDegrees   属性为动画结束时物件旋转的角度 可以大于360度   
  21.             说明:
  22.                      当角度为负数——表示逆时针旋转
  23.                      当角度为正数——表示顺时针旋转              
  24.                      (负数from——to正数:顺时针旋转)   
  25.                      (负数from——to负数:逆时针旋转) 
  26.                      (正数from——to正数:顺时针旋转) 
  27.                      (正数from——to负数:逆时针旋转)       
  28.             pivotX     属性为动画相对于物件的X坐标的开始位置
  29.             pivotY     属性为动画相对于物件的Y坐标的开始位置
  30.             说明:        以上两个属性值 从0%-100%中取值
  31.                          50%为物件的X或Y方向坐标上的中点位置
  32.         长整型值：
  33.             duration  属性为动画持续时间
  34.             说明:       时间以毫秒为单位
  35. -->
  36. </set>

2.帧动画

zjun.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/progress_1" android:duration="200"/>

<item android:drawable="@drawable/progress_2" android:duration="200"/>

<item android:drawable="@drawable/progress_3" android:duration="200"/>

<item android:drawable="@drawable/progress_4" android:duration="200"/>

<item android:drawable="@drawable/progress_5" android:duration="200"/>

<item android:drawable="@drawable/progress_6" android:duration="200"/>

<item android:drawable="@drawable/progress_7" android:duration="200"/>

<item android:drawable="@drawable/progress_8" android:duration="200"/>

</animation-list>

android:oneshot="false" 是否循环

<ImageView

android:id="@+id/iv"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@anim/zjun"

android:layout_gravity="center"/>

AnimationDrawable anim = (AnimationDrawable) iv.getBackground();

anim.start();

anim.stop();

原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。主要类是AnimationDrawable ，比较简单可参看http://grepcode.com/file/repository.grepcode.com/java/ext/com.google.android/android/4.2.1_r1.2/android/graphics/drawable/AnimationDrawable.java#AnimationDrawabl

3.layout动画

layout动画在每次布局发生变化的时候系统调用的一个预加载动画效果，使用layout动画可以让布局的变化过度看起来更自然。使用起来很简单，只需在控件中添加一个属性就可以了，系统默认是不会启动layout动画的，因此我们平时的应用中不会产生这个效果。

当然，如果你想自定义一下这个动画效果，那就必须在代码中自己写了：新建一个LayoutTransition对象，调用setLayoutTransition()方法来为layout设置动画。

在activity的xml中添加

<LinearLayout android:id=

"@+id/container"

android:animateLayoutChanges=

"true"

...

/>

一般是添加，删除，隐藏时会看到效果。

最后在说一下使用动画时遇到的问题

1.给view添加了点击事件，当view移动后，点击原来的位置点击事件还会生效，而新位置不生效。

解决方案 http://www.68idc.cn/help/jiabenmake/qita/20141210139930.html

.。。。。。。。。

后续遇到再添加

android 动画效果 android 动画
上一篇: STM32定时器配置、PWM输出比较详解、电机PWM输出配置
下一篇: P4913 【深基16.例3】二叉树深度 【二叉树】

继续阅读