Android动画之三：Property Animation(上)

来完成这个Android动画系列，之前写了View Animation和Drawable Animation，接下来讲解三种动画中的最后一种，Property Animation,这也是Android动画中最强大的一部分，同时也是相对最复杂的一部分。

Property Animation与Value Animation的区别

Property Animation翻译为属性动画，从Android3.0开始引入，相比与View Animation，官方更推荐开发者使用Property Animation。以下先讲解View Animation和Property Animation的区别：

1，View Animation只能对界面上可见的组件进行修改，而Property Animation除此之外还能修改一些不是界面上可见的组件，比如修改一个float类型的值。（刚开始我看到这点也觉得奇怪，不过确实它就是如此，后面会讲解怎么应用它到界面动画中）

2，View Animation通过动画效果改变一个组件时，其实只是在屏幕上另一个地方绘制，而组件的响应位置还是没改变，比如一个在屏幕左侧的按钮，通过View Animation移动到右侧，虽然在屏幕上看到按钮到了右侧了，但是你还是需要点击左侧原来的位置，按钮才会响应。

3，Proerty Animation能修改很多View Animation不能修改的View控件的属性，比如背景颜色。

接下来主要讲解Property Animation的用法，包含了ValueAnimator，ObjectAnimator和AnimatorSet.

ValueAnimator

先看如下代码

ValueAnimator animation = ValueAnimator.ofFloat(0f, 1f);
animation.setDuration(1000);
animation.start();

animation.addUpdateListener(new AnimatorUpdateListener() {

	@Override
	public void onAnimationUpdate(ValueAnimator animation) {
		System.out.println("onAnimationUpdate = "
				+ animation.getAnimatedValue());
				
		//可以在这里更新UI
	}
});

从这个例子看以看出，让一个浮点数进行Property Animator的变化，有什么作用呢？你只需要使用addUpdateListener，然后再监听的onAnimationUpdate中，使用getAnimatedValue()获取更新值，然后你将该值使用于UI，并刷新界面。这样一来，浮点型的Property Animator的与界面动画效果就联系起来了。

上面的onAnimationUpdate与动画更新周期有关，每个周期调用一次。默认周期是10ms，但是其实这个得看系统的繁忙程度。

ValueAnimator除了可以作用于浮点型，也可以作用于整型。

ObjectAnimator

再来看看ObjectAnimator,t它使ValueAnimator的子类，ValueAnimator需要我们监听onAnimationUpdate来将变化的值应用于某个UI属性。而ObjectAnimation的不同之处在于，它能自动将变化的值应用于某个UI属性。比如下面这个例子。

ObjectAnimator anim = ObjectAnimator.ofFloat(foo, "alpha", 0f, 1f);
anim.setDuration(1000);
anim.start()

以上ObjectAnimator.ofFloat的四个参数，分别是作用的对象，以及作用的属性，起始值，目标值。其中作用的属性，必须在作用的对象中有一个setter方法。用ObjectAnimator，会自动将更新值应用于构造方法中声明的属性。

使用ObjectAnimator时需要注意以下几点：

1，当你想使用ObjectAnimator更新某个对象的某个属性，需要有一个该属性的setter方法，比如上面的“alpha”，则在foo对象所属的类中，需要有setAlpha方法，系统使用该方法将最新的变化值应用于UI属性。当使用ObjectAnimator改变某个属性，而且没有该属性的setter方法，则你可以这样做：

1），如果你有权限修改代码，则直接为该属性添加一个setter方法

2），使用一个包装类，在该类中为该属性增加一个setter方法，然后再方法中将接收到的值应用于该属性。

3），使用ValueAnimator。

2，如果在构造ObjectAnimator时，只提供了目标值，而没有起始值，则除了需要为属性提供setter方法，还需要提供getter方法。

再看下面一个小例子，使用ObjectAnimator改变字体颜色

ObjectAnimator colorAnim = ObjectAnimator.ofInt(tv, "textColor",0xff008271, Color.RED);
colorAnim.setDuration(4000);
colorAnim.setEvaluator(new ArgbEvaluator());
colorAnim.setRepeatCount(100);
colorAnim.start();

注意两个问题，第一个是，颜色值必须写成0xff008271这种，而不能写成只有6位的十六进制的颜色值。第二个是，这里需要设置TypeEvaluator，否则颜色变化将是一闪一闪的。从这里可以发现，TypeEvaluator的作用就是计算动画每次渐变的值，控制渐变效果，而ArgbEvaluator就是系统提供来处理颜色值变化的。后面会讲解怎么自定义TypeEvaluator。

AnimatorSet

使用AnimatorSet，能让多个动画同时进行，或者以前后顺序进行，也可以指定某个动画延迟某段时间后进行。可以看看官网给出的例子

AnimatorSet bouncer = new AnimatorSet();
bouncer.play(bounceAnim).before(squashAnim1);
bouncer.play(squashAnim1).with(squashAnim2);
bouncer.play(squashAnim1).with(stretchAnim1);
bouncer.play(squashAnim1).with(stretchAnim2);
bouncer.play(bounceBackAnim).after(stretchAnim2);
ValueAnimator fadeAnim = ObjectAnimator.ofFloat(newBall, "alpha", 1f, 0f);
fadeAnim.setDuration(250);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.play(bouncer).before(fadeAnim);
animatorSet.start();

关于动画的前后顺序，主要with，before，after三个方法，with，表示同时进行，before和after表示前后关系。从上面代码很容易发现，AnimatorSet中可以包含多个ObjectAnimator，而且可以包含AnimatorSet。

Animation Listeners

动画的Listener主要是在动画的一些关键时刻做一些操作，比如开始，结束，每一帧的刷新，重复等等时刻。动画主要有连个Listener，Animator.AnimatorListener以及ValueAnimator.AnimatorUpdateListener

Animator.AnimatorListener

主要提供了以下回调方法

• onAnimationStart() 
  
• onAnimationEnd()
  
• onAnimationRepeat() 
  
• onAnimationCancel() 动画取消时会回调该方法，也会回调onAnimationEnd()

该Listener提供这么多未实现的方法，如果你只需要实现其中一个方法，但是你只要继承AnimatorListener就得实现所有方法。为了避免这个问题，你可以选择继承AnimatorListenerAdapter，该adapter为上面的各个方法提供了一个空实现，继承该类，你只需要实现你想用的方法。

ValueAnimator.AnimatorUpdateListener

主要提供了onAnimationUpdate()回调方法，该方法在动画每一帧执行一次，主要应用于ValueAnimator

TypeEvaluator的原理

动画是每一帧更新，而动画一共分为多少帧，每一帧应该做出多少变化，这两个问题分别交给TimeInterpolator和TypeEvaluator，TimeInterpolator计算出每个帧在什么时刻，然后使用TypeEvaluator计算在各个帧需要对动画施加的属性做出多少改变。

布局变化动画

当你在一个gridview中添加了一个元素，元素添加进去时，可以以某种动画效果出现，而其他元素位置也可能会发生变化，这个变化过程也可以有动画效果。同理，当移除一个元素时，也可以带有动画效果，移除时引起其他元素位置变化，也可以带有动画效果。这就是所谓布局变化的动画，一共有4种：

• APPEARING::新元素（child view）出现的动画
  
• CHANGE_APPEARING：由于新元素出现，引起其他元素变化的动画
  
• DISAPPEARING：移除元素的消失动画
  
• CHANGE_DISAPPEARING：由于元素被移除，引起其他元素变化的动画。

除了自定义如上的四个动画之外，你还可以使用系统自带的布局变化动画，只需要像这样设置android:animateLayoutChanges="true"

<LinearLayout
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:id="@+id/verticalContainer"
    android:animateLayoutChanges="true" />

这里不列出例子了，可以参考APIDemo中的几个例子