Android动画

使用Android两年多了，工作中的动画也动能应付，自认为Android中的动画自己也能用个八九不离十，结果我在学习[Periscope点赞效果](http://www.jianshu.com/p/03fdcfd3ae9c)的时候发现动画的这些高级功能我从没用过、也没见过，静下来仔细想了下，我也并不明白Android动画的实现原理，以及生么时候用什么，从视频以及ApiDemo中看到的LayoutAnimator以及颜色渐变、类似弹簧的反复回弹也都没思路。于是我就研究了下Android的这些动画并记录了下来。

---

3.0以前，android支持两种动画模式,tween animation,frame animation，在3.0中又引入了一个新的动画系统：property animation，这三种动画模式在SDK中被称为property animation,view animation,drawable animation

1. View Animation（Tween Animation）

View Animation(Tween Animation):补间动画，给出两个关键帧，通过一些算法将给定属性值在给定的时间内在两个关键帧间渐变。(xml方式是在anim文件夹中)a.View Animation只能用于View对象，而且职能支持一部分功能：位移(translate)、旋转(rotate)、缩放(scale)、透明度渐变(alpha)b.还有一个局限性：对于View Animation，它只是改变了View对象绘制的位置，而没有改变View对象本身（例如：做一个位移动画，那么可点击的位置仅仅还是View开始所在的位置，跟移动中的这个动画并无关系）

c.实现原理：是父布局不断的画出一个外表一样的图像，不断的通过invalidate 去进行重绘，动画的算法其实都是在Transformation的Matrix矩阵中。

2. Drawable Animation（Frame Animation）

Drawable Animation（Frame Animation）：帧动画，就像GIF图片，通过一系列Drawable依次显示来模拟动画的效果。(xml方式是在drawable中)

Android中播放GIF图片的时候，可使用这种方式(先分解成单个图片)。

3. Property Animation

Android 3.0引入，顾名思义，它是实际更改view的属性，而不像Tween Animation 仅仅是父布局绘制一个替身，所以Property Animation的功能会强大很多。(在包android.animation下)

相同：

Property Animation 兼容了 Tween Animation的所有功能：设置动画时间、支持(位移、旋转、缩放、透明度渐变)、类似的监听(开始、结束、取消、重复)、插补器

加强功能：

后浪推前浪，后出来的Property Animation带来了更强悍的功能：

1. Evaluators(计算器)：告诉Property Animation系统如何去计算属性值

• IntEvaluator:用于计算Int类型属性值的计算器。
• FloatEvaluator:用于计算Float类型属性值的计算器。
• ArgbEvaluator:用于计算以16进制形式表示的颜色值的计算器。
• TypeEvaluator:一个计算器接口，它允许你创建你自己的计算器。如果你正在计算一个对象属性并不是int,float或者颜色值类型的，那么你必须实现TypeEvaluator接口去指定如何去计算对象的属性值。

2. 新加了ValueAnimator.AnimatorUpdateListener 监听

onAnimationUpdate() - 在动画的每一帧上调用. 在这个方法中，你可以使用ValueAnimator的getAnimatedValue()方法来获取(Evaluators)计算出来的值。
AnimationSet提供了一个把多个动画组合成一个组合的机制，并可设置组中动画的时序关系，如同时播放，顺序播放等。

3. 新增属性动画的同时，也新增了View的属性的设置获取方法

　Example：getLeft、getX、getTranslationX等等

4. 通过AnimationSet应用多个动画

　　以下例子同时应用5个动画：

　　播放anim1；
　　同时播放anim2,anim3,anim4；
　　播放anim5。
　　AnimatorSet bouncer = new AnimatorSet();
　　bouncer.play(anim1).before(anim2);
　　bouncer.play(anim2).with(anim3);
　　bouncer.play(anim2).with(anim4)
　　bouncer.play(anim5).after(amin2);
　　animatorSet.start();

5. ObjectAnimator与ValueAnimator之间的关系：

其实ObjectAnimator继承与ValueAnimator，ObjectAnimator是为了提供简便的方法，可以直接修改alpha、backgroundColor、translationX、x、y、width等，甚至是一个普通对象的属性，一言以蔽之如果直接通过属性名改属性就用ObjectAnimator

例子：Periscope点赞效果实现

我又换了种方式实现了下，运用我们的属性动画，直接在ViewGroup上画出来：

代码传送门

6. 同一对象的多个属性同时变化可优化

如果需要对一个View的多个属性进行动画可以用ViewPropertyAnimator类，该类对多属性动画进行了优化，会合并一些invalidate()来减少刷新视图，该类在3.1中引入。

　　以下两段代码实现同样的效果：　

PropertyValuesHolder pvhX = PropertyValuesHolder.ofFloat(“x”, 50f);
PropertyValuesHolder pvhY = PropertyValuesHolder.ofFloat(“y”, 100f);
ObjectAnimator.ofPropertyValuesHolder(myView, pvhX, pvyY).start();

myView.animate().x(50f).y(100f);

7. 原理：异步根据插补器与Evaluator计算出当前View的属性，再通过handler.post到UI线程，通过反射给View设置当前属性。

老版本的Property Animation原理讲解

Tween Animation 与 Property Animation 使用选择：

因为Property Animation最终跟新UI其实也需要重新绘图，因其多开一个线程，所以，属性动画肯定比Tween Animation要更耗性能，不过因为属性动画是通过 handler post到UI线程的，Tween Animation均是在主线程操作所以因该偶尔会卡。
所以建议能用Property Animation的地方，还是使用Property动画。

---

根据ApiDemo罗列了以下几个实用场景（此处会有不少新的用法）：

1. 颜色渐变

    private static final int RED = 0xffFF8080;    private static final int BLUE = 0xff8080FF;    ValueAnimator colorAnim = ObjectAnimator.ofInt(this, "backgroundColor", RED, BLUE);        colorAnim.setDuration(3000);        colorAnim.setEvaluator(new ArgbEvaluator());        colorAnim.setRepeatCount(ValueAnimator.INFINITE);        colorAnim.setRepeatMode(ValueAnimator.REVERSE);        colorAnim.start();

2. 布局显示、不显示、隐藏(LayoutTransition)

ViewGroup中的子元素可以通过setVisibility使其Visible、Invisible或Gone，当有子元素可见性改变时，可以向其应用动画，通过LayoutTransition类应用此类动画：

transition.setAnimator(LayoutTransition.DISAPPEARING, customDisappearingAnim);
　　通过setAnimator应用动画，第一个参数表示应用的情境，可以以下4种类型：

• APPEARING　　　　　　　　当一个元素变为Visible时对其应用的动画
• CHANGE_APPEARING　　　当一个元素变为Visible时，因系统要重新布局有一些元素需要移动，这些要移动的元素应用的动画
• DISAPPEARING　　　　　　当一个元素变为InVisible时对其应用的动画
• CHANGE_DISAPPEARING　当一个元素变为Gone时，因系统要重新布局有一些元素需要移动，这些要移动的元素应用的动画 disappearing from the
  container.

步骤：
1. 给view设置LayoutTransition
　 LayoutTransition mTransitioner = new LayoutTransition();
　view.setLayoutTransition(mTransitioner);
2. 设置对应时间
　 Transitioner.setStagger(LayoutTransition.CHANGE_APPEARING, 500);
3. 设置动画
　ObjectAnimator changeIn = ObjectAnimator.ofPropertyValuesHolder(
this, pvhLeft, pvhRight, pvhScaleX, pvhScaleY).
setDuration(mTransitioner.getDuration(LayoutTransition.CHANGE_APPEARING));
mTransitioner.setAnimator(LayoutTransition.CHANGE_APPEARING, changeIn);
4. 搞定

3. Keyframes

　 keyFrame是一个 时间/值 对，通过它可以定义一个在特定时间的特定状态，而且在两个keyFrame之间可以定义不同的Interpolator，就相当多个动画的拼接，第一个动画的结束点是第二个动画的开始点。KeyFrame是抽象类，要通过ofInt(),ofFloat(),ofObject()获得适当的KeyFrame，然后通过PropertyValuesHolder.ofKeyframe获得PropertyValuesHolder对象

    Keyframe kf0 = Keyframe.ofFloat(0f, 0f);        Keyframe kf1 = Keyframe.ofFloat(.9999f, 360f);        Keyframe kf2 = Keyframe.ofFloat(1f, 0f);        PropertyValuesHolder pvhRotation =                PropertyValuesHolder.ofKeyframe("rotation", kf0, kf1, kf2);        final ObjectAnimator changeOut = ObjectAnimator.ofPropertyValuesHolder(                        this, pvhLeft, pvhRight, pvhRotation).                setDuration(mTransitioner.getDuration(LayoutTransition.CHANGE_DISAPPEARING));

4. 弹跳

弹跳插补器：bounceAnim.setInterpolator(new BounceInterpolator());

设置特定一个时间点，显示在那帧位置上
bounceAnim.setCurrentPlayTime(seekTime);

5. 反转切换布局

其实就是一个旋转动画的拼接，一组对立的插补器(加速AccelerateInterpolator、减速DecelerateInterpolator)

ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visibleList, "rotationY", 0f, 90f);        visToInvis.setDuration(500);        visToInvis.setInterpolator(accelerator);        final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisibleList, "rotationY",                -90f, 0f);        invisToVis.setDuration(500);        invisToVis.setInterpolator(decelerator);        visToInvis.addListener(new AnimatorListenerAdapter() {            @Override            public void onAnimationEnd(Animator anim) {                visibleList.setVisibility(View.GONE);                invisToVis.start();                invisibleList.setVisibility(View.VISIBLE);            }        });        visToInvis.start();