Android 属性动画

一：属性动画简介

Android 属性动画是API 11引入的，更在的版本可以使用Nineoldandroids来实现，Nineoldandroids官方网站http://nineoldandroids.com。
Nineoldandroids对属性动画做了兼容，在API 11之前的版本通过代理View动画来实现，因此在API 11之前的版本，本质还是View动画。Nineoldandroids的功能和系统原生的android,animation.*中类的功能用法完全一致。比较常用的几个动画类是：ValueAnimator,ObjectAnimator和AnimatorSet，其中ObjectAnimator继承自ValueAnimator，AnimatorSet是动画集合。
先看几个小列子:

1.

ObjectAnimator.ofInt(myObjec,"width",500).setDuration(5000).start();

上面这句代码的作用就是使用ObjectAnimator属性动画来让myObjec这个对象的width属性在5s变为500px。

2.

ObjectAnimator.ofFloat(myObjec,"translationY", -myObjec.getHeight()).start();

上面这段代码的作用就是改变对象myObjec的translationY属性，让其沿着Y轴向上平移一段距离(myObjec的高度)。

3.

AnimatorSet set = new AnimatorSet();
set.playTogether(
ObjectAnimator.ofFloat(myObjec, "alpha", 1,0.5f,1),
ObjectAnimator.ofFloat(myObjec, "rotationX", 0,180),
ObjectAnimator.ofFloat(myObjec, "rotationY", 0,270),
ObjectAnimator.ofFloat(myObjec, "translationY", 0,100),
ObjectAnimator.ofFloat(myObjec, "translationX", 0,100),
ObjectAnimator.ofFloat(myObjec, "rotation", 0,-270),
ObjectAnimator.ofFloat(myObjec, "scaleX", 1,1.2f),
ObjectAnimator.ofFloat(myObjec, "scaleY", 1,0.5f)
);
set.setDuration(5000).start();

上面代码的作用在5s内对View做了透明度，旋转，平移，缩放动画。

从上面3个小例子不难看出，对一个view使用属性动画的代码还是比较容易理解的，当然，属性动画也可以通过XML来定义。
需要定义在res/animator目录下面。其大概样式如下：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:ordering="together" >

<objectAnimator
android:duration="1000"
android:propertyName="scaleX"
android:valueFrom="1"
android:valueTo="0.5" >
</objectAnimator>
<animator
android:duration="1000"
android:valueFrom="1"
android:valueTo="0.5" >
</animator>

</set>

下面对标签说明下：

objectAnimator标签属性：

android:propertyName——表示属性动画的作用对象的属性名称；

android:duration——动画的时长；

android:valueFrom——表示属性的起始值；

android:valueTo——表示属性的结束值；

android:startOffset——动画的延迟时间；

android:repeatCount——动画的重复次数（默认值0，-1表示无限循环）；

android:repeatMode——动画的重复模式（“repeat”表示连续重复，“reverse”表示逆向重复。）；

android:valueType——表示android:propertyName所指属性的类型，有“intType”和“floatType”两个可选，分别表示属性的类型为整形和浮点型。（如果android:propertyName所指的属性为颜色，那么不需要指定android:valueType,系统会自动做处理）。

使用XML定义的属性动画非常简单，代码大概如下：

Animator anim = AnimatorInflater.loadAnimator(this, R.animator.scale);
anim.setTarget(mMv);
anim.start();

二：属性动画的监听器

属性动画提供了监听器用于监听动画的播放过程，主要有AnimatorUpdateListener和AnimatorListener。
AnimatorListener的定义如下：

public static Interface AnimatorListener{
void onAnimationStart(Animator arg0);
void onAnimationRepeat(Animator arg0);
void onAnimationEnd(Animator arg0);
void onAnimationCancel(Animator arg0);
}

从定义中可以看出它可以监听动画的开始、结束、取消以及重复播放。使用起来也很简单因为系统提供了AnimatorListener的适配器。使用代码如下：

ValueAnimator valueAnimator = ValueAnimator.ofInt(1, 100);
valueAnimator.addListener(new AnimatorListener() {

@Override
public void onAnimationStart(Animator arg0) {
// TODO Auto-generated method stub
}

@Override
public void onAnimationRepeat(Animator arg0) {
// TODO Auto-generated method stub
}

@Override
public void onAnimationEnd(Animator arg0) {
// TODO Auto-generated method stub
}

@Override
public void onAnimationCancel(Animator arg0) {
// TODO Auto-generated method stub
}
});

三：高级使用

首先先分析下属性动画的原理：

属性动画要求动画作用的对象提供该属性的set和get方法，属性动画根据外界传递的初始值和最终值，以动画的效果多次去调用set方法，没次传递给set方法的值都不一样，确切说是随着时间的推移，所传递的值越来越接近最终的值。那么想要给object的属性A做动画，那么必须要满足以下两个条件：

（1）object必须提供setA方法，如果动画开始的时候没有传递初始值，那么还要提供getA方法，因为系统要调用getA方法去获取初始值。

（2）object的setA对属性A所做的改变必须能够通过某种方式反映出来，比如会带来UI的变换之类的否则动画无效果。

例如，想给一个Button增加一个动画，使他的宽在5s内增加到500px。从Button的源码可以知道Button继承自TextView其getWidth获取的是其宽度，但是其setWidth是TextView和其子类的专属方法，它的作用不是设置View的宽度，而是设置TextView的最大宽度和最小宽度。其实就是，TextView的宽度对应XML中的android:layout_width属性，而TextView还有一个属性android:width,这个属性就对应了setWidth方法。所以通过setWidth无法改变控件的宽度。官方文档对于这种情况给出了3中解决方法：

1.给你的对象加上get和set方法，如有你有权限的话；

2.用一个类来包装原始对象，间接的为其提供get和set方法；

3.采用ValueAnimator监听动画过程，自己实现属性变化。

这里发现第一种方案可行性极低，因为我们通常是没有修改这些组件的权限的。下面用代码来实现以下第二中方案，先看代码：

private void performAnimate(){
ViewWrapper wrapper = new ViewWrapper(button,button.getWidth());
ObjectAnimator.ofInt(wrapper,"width",500).setDuration(5000).start();
}

private static class ViewWrapper{
private View mTarget;
private int mWidth;

public ViewWrapper(View target,int width){
mTarget = target;
mWidth = width;
}

public int getWidth(){
//return mTarget.getLayoutParams().width;
return mWidth;
}

public void setWidth(int width){
mTarget.getLayoutParams().width = width;
mTarget.requestLayout();
}

}

从上面代码中不难看出我们首先是定义了一个类（ViewWrapper）来包装原始对象（Button）,然后通过ViewWrapper的get和set方法来改变原对象的宽度。

对于第三种解决方案，同样先看代码：

private void performAnimate(final View target, final int start, final int end) {
ValueAnimator valueAnimator = ValueAnimator.ofInt(1, 100);
valueAnimator.addUpdateListener(new AnimatorUpdateListener() {

// 持有一个IntEvaluator对象，方便下面估值的时候使用
private IntEvaluator mEvaluator = new IntEvaluator();

@Override
public void onAnimationUpdate(ValueAnimator animator) {
// 获得当前动画的进度值，整型，1-100之间
int currentValue = (Integer) animator.getAnimatedValue();
Log.d(TAG, "current value: " + currentValue);

// 获得当前进度占整个动画过程的比例，浮点型，0-1之间
float fraction = animator.getAnimatedFraction();
// 直接调用整型估值器通过比例计算出宽度，然后再设给Button
target.getLayoutParams().width = mEvaluator.evaluate(fraction, start, end);
target.requestLayout();
}
});

valueAnimator.setDuration(5000).start();
}

上面的代码，会在5s内将一个数从1变到100，然后动画的每一帧都会调用onAnimationUpdate方法，在这个方法内可以获取当前的值和当前值所占的比例，就可以计算出此刻的宽度是多少，例如时间过了一半，那么当前值应该是50，比例是0.5，假设Button的初始宽度是100px，最终宽度是500px，那么此时的Button应该增加了（500-100）*0.5=200，那么当前的宽度应该是100+200=300。

到此属性动画大概讲述了一遍。