屬性動畫2  Property Animation

ValueAnimator（差值動畫）

單純從字面上理解的話ObjectAnimator作用於某個實際的物件，而ValueAnimator是ObjectAnimator的父類，它繼承自抽象類Animator，它作用於一個值，將其由一個值變化為另外一個值，然後根據值的變化，按照一定的規則，動態修改View的屬性，比如View的位置、透明度、旋轉角度、大小等，即可完成了動畫的效果。

/*
    這裡通過ofFloat()方法構造一個ValueAnimator例項，除此之外還提供了
    其他函式ofInt()、ofObject()、ofPropertyValuesHolder()
 
函式，
    api 21之後又提供了ofArgb()，每個函式都是可以傳入多個改變值。
 */
public void initAnim() {
    ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f, 126512.36f);
    valueAnimator.setDuration(2000);
    valueAnimator.setInterpolator(new LinearInterpolator());
    valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        
 
@Override
        public void onAnimationUpdate(ValueAnimator animation) {
            float money = (float) animation.getAnimatedValue();
            mTextView.setText(String.format("%.2f", money));
        }
    });
    valueAnimator.start();
}

Interpolator

//如何自定義一個插值器？舉例：我們實現一個先減速後加速插值器，程式碼如下
public class 
 
DecelerateAccelerateInterpolator implements Interpolator {
    @Override
    public float getInterpolation(float input) {
        float result;
        if (input <= 0.5f) {
            result = (float) (Math.sin(Math.PI * input)) / 2.0f;
        } else {
            result = (float) (2 - Math.sin(Math.PI * input)) / 2.0f;
        }
        return result;
    }
}

TypeEvaluator

//TypeEvaluator（估值器）
/*
TypeEvaluator用於根據當前屬性改變的百分比來計算改變後的屬性值，系統提供瞭如下幾種估值器
IntEvaluator 針對整型屬性
IntArrayEvaluator 針對整型屬性集合
FloatEvaluator 針對浮點型屬性
FloatArrayEvaluator 針對浮點型屬性集合
ArgbEvaluator  針對Color屬性
RectEvaluator 針對Rect屬性
PointFEvaluator 針對PointF屬性
*/

// 介面提供了evaluate(float fraction, T startValue, T endValue);
// 動畫在執行過程中Interpolator自動計算出動畫執行的百分比fraction，
// 然後TypeEvaluator根據fraction計算出當前動畫的屬性值。
public class FloatEvaluator implements TypeEvaluator<Number> {
    public Float evaluate(float fraction, Number startValue, Number endValue) {
        float startFloat = startValue.floatValue();
        return startFloat + fraction * (endValue.floatValue() - startFloat);
    }
}

自定義TypeEvaLuator

//如何自定義TypeEvaLuator？比如我們要實現一個錢的增加，字型顏色越紅的動畫，
// 我們現在都知道可以使用ofArgb(),但是ofArgb()需要api 21以上才能使用，
// 所以需要我們自定義一個ArgbEvaLuator，這裡為了演示自定義
// TypeEvaluator直接把api 21中提供的ArgbEvaluator原始碼拿來使用
public class TextArgbEvaluator implements TypeEvaluator {

    public Object evaluate(float fraction, Object startValue, Object endValue) {
        int startInt = (Integer) startValue;
        int startA = (startInt >> 24) & 0xff;
        int startR = (startInt >> 16) & 0xff;
        int startG = (startInt >> 8) & 0xff;
        int startB = startInt & 0xff;

        int endInt = (Integer) endValue;
        int endA = (endInt >> 24) & 0xff;
        int endR = (endInt >> 16) & 0xff;
        int endG = (endInt >> 8) & 0xff;
        int endB = endInt & 0xff;

        return (int) ((startA + (int) (fraction * (endA - startA))) << 24) |
                (int) ((startR + (int) (fraction * (endR - startR))) << 16) |
                (int) ((startG + (int) (fraction * (endG - startG))) << 8) |
                (int) ((startB + (int) (fraction * (endB - startB))));
    }
}

呼叫方式

//呼叫方式：
public void ss() {
    AnimatorSet animatorSet = new AnimatorSet();
    ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f, 126512.36f);
    valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            float money = (float) animation.getAnimatedValue();
            Log.e("Interpolator", "money---->" + money);
            mTextView.setText(String.format("%.2f", money));
        }
    });

    int startColor = Color.parseColor("#FCA3AB");
    int endColor = Color.parseColor("#FB0435");
    ValueAnimator colorAnimator = ValueAnimator.ofObject(new TextArgbEvaluator(), startColor, endColor);
    colorAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            int color = (int) animation.getAnimatedValue();
            Log.e("Interpolator", "color---->" + color);
            mTextView.setTextColor(color);
        }
    });

    animatorSet.playTogether(valueAnimator, colorAnimator);
    animatorSet.setDuration(5000);
    animatorSet.setInterpolator(new LinearInterpolator());
    animatorSet.start();
}