[[442626]]

前言

TypeEvaluator的中文翻譯為類型估值算法，也叫估值器，它的作用是根據(jù)當(dāng)前屬性改變的百分比來計算改變后的屬性值，系統(tǒng)預(yù)置的有IntEvaluator(針對整型屬性)、FloatEvaluator(針對浮點型數(shù)據(jù))和ArgbEvaluator(針對Color屬性);

屬性動畫中的插值器(Interpolator)和估值器(TypeEvalutor)很重要，它們是實現(xiàn)非勻速動畫的重要手段;

之前我們已經(jīng)較少過插值器了，今天我們來介紹下估值器;

一、估值器詳解

1、應(yīng)用場景

• 插值器(Interpolator)決定值的變化規(guī)律(勻速、加速blabla)，即決定的是變化趨勢，而接下來的具體變化數(shù)值則交給估值器;
• 屬性動畫特有的屬性;
• 非線性運(yùn)動：動畫改變的速率不是一成不變的，如加速 & 減速運(yùn)動都屬于非線性運(yùn)動;

2、具體使用

2.1. 設(shè)置方式

ObjectAnimator anim = ObjectAnimator.ofObject(myView2, "height", new Evaluator()，1，3); 
// 在第4個參數(shù)中傳入對應(yīng)估值器類的對象 
// 系統(tǒng)內(nèi)置的估值器有3個： 
// IntEvaluator：以整型的形式從初始值 - 結(jié)束值 進(jìn)行過渡 
// FloatEvaluator：以浮點型的形式從初始值 - 結(jié)束值 進(jìn)行過渡 
// ArgbEvaluator：以Argb類型的形式從初始值 - 結(jié)束值 進(jìn)行過渡 
點型插值器：FloatEvaluator 
public class FloatEvaluator implements TypeEvaluator {   
// FloatEvaluator實現(xiàn)了TypeEvaluator接口 
// 重寫evaluate() 
    public Object evaluate(float fraction, Object startValue, Object endValue) {   
// 參數(shù)說明 
// fraction：表示動畫完成度（根據(jù)它來計算當(dāng)前動畫的值） 
// startValue、endValue：動畫的初始值和結(jié)束值 
        float startFloat = ((Number) startValue).floatValue();   
        return startFloat + fraction * (((Number) endValue).floatValue() - startFloat);   
        // 初始值 過渡 到結(jié)束值 的算法是： 
        // 1. 用結(jié)束值減去初始值，算出它們之間的差值 
        // 2. 用上述差值乘以fraction系數(shù) 
        // 3. 再加上初始值，就得到當(dāng)前動畫的值 
    }   
} 

• 屬性動畫中的ValueAnimator.ofInt() & ValueAnimator.ofFloat()都具備系統(tǒng)內(nèi)置的估值器，即FloatEvaluator & IntEvaluator;
• 即系統(tǒng)已經(jīng)默認(rèn)實現(xiàn)了如何從初始值 過渡到結(jié)束值的邏輯;

2.2自定義估值器

• 本質(zhì)：根據(jù)插值器計算出當(dāng)前屬性值改變的百分比 & 初始值 & 結(jié)束值，來計算當(dāng)前屬性具體的數(shù)值;
• 具體使用：自定義估值器需要實現(xiàn) TypeEvaluator接口 & 復(fù)寫evaluate()

public interface TypeEvaluator {   
    public Object evaluate(float fraction, Object startValue, Object endValue) {   
// 參數(shù)說明 
// fraction：插值器getInterpolation（）的返回值 
// startValue：動畫的初始值 
// endValue：動畫的結(jié)束值 
        ....// 估值器的計算邏輯 
        return xxx； 
        // 賦給動畫屬性的具體數(shù)值 
        // 使用反射機(jī)制改變屬性變化 
// 特別注意 
// 那么插值器的input值 和 估值器fraction有什么關(guān)系呢 
// input的值決定了fraction的值：input值經(jīng)過計算后傳入到插值器的getInterpolation（），然后通過實現(xiàn)getInterpolation（）中的邏輯算法，根據(jù)input值來計算出一個返回值，而這個返回值就是fraction了 
    }   
} 
// 實現(xiàn)TypeEvaluator接口 
public class ObjectEvaluator implements TypeEvaluator{   
// 復(fù)寫evaluate（） 
// 在evaluate（）里寫入對象動畫過渡的邏輯 
    @Override   
    public Object evaluate(float fraction, Object startValue, Object endValue) {   
        // 參數(shù)說明 
        // fraction：表示動畫完成度（根據(jù)它來計算當(dāng)前動畫的值） 
        // startValue、endValue：動畫的初始值和結(jié)束值 
        ... // 寫入對象動畫過渡的邏輯 
        return value;   
        // 返回對象動畫過渡的邏輯計算后的值 
    } 

3、自定義估值器

• ValueAnimator.ofObject()，從工作原理可以看出并沒有系統(tǒng)默認(rèn)實現(xiàn)估值器，因為對對象的動畫操作復(fù)雜 & 多樣，系統(tǒng)無法知道如何從初始對象過度到結(jié)束對象;
• 因此，對于ValueAnimator.ofObject()，我們需自定義估值器(TypeEvaluator)來告知系統(tǒng)如何進(jìn)行從初始對象過渡到結(jié)束對象的邏輯;

3.1定義對象

因為ValueAnimator.ofObject()是面向?qū)ο蟛僮鞯?，所以需要自定義對象類;

public class Point { 
    // 設(shè)置兩個變量用于記錄坐標(biāo)的位置 
    private float x; 
    private float y; 
    // 構(gòu)造方法用于設(shè)置坐標(biāo) 
    public Point(float x, float y) { 
        this.x = x; 
        this.y = y; 
    } 
    // get方法用于獲取坐標(biāo) 
    public float getX() { 
        return x; 
    } 
    public float getY() { 
        return y; 
    } 
} 

3.2實現(xiàn)TypeEvaluator接口

實現(xiàn)TypeEvaluator接口的目的是自定義如何 從初始點坐標(biāo) 過渡 到結(jié)束點坐標(biāo);

本例實現(xiàn)的是一個從左上角到右下角的坐標(biāo)過渡邏輯。

// 實現(xiàn)TypeEvaluator接口

public class PointEvaluator implements TypeEvaluator { 
    // 復(fù)寫evaluate（） 
    // 在evaluate（）里寫入對象動畫過渡的邏輯 
    @Override 
    public Object evaluate(float fraction, Object startValue, Object endValue) { 
        // 將動畫初始值startValue 和 動畫結(jié)束值endValue 強(qiáng)制類型轉(zhuǎn)換成Point對象 
        Point startPoint = (Point) startValue; 
        Point endPoint = (Point) endValue; 
        // 根據(jù)fraction來計算當(dāng)前動畫的x和y的值 
        float x = startPoint.getX() + fraction * (endPoint.getX() - startPoint.getX()); 
        float y = startPoint.getY() + fraction * (endPoint.getY() - startPoint.getY()); 
        // 將計算后的坐標(biāo)封裝到一個新的Point對象中并返回 
        Point point = new Point(x, y); 
        return point; 
    } 
} 

3.3屬性動畫作用到自定義View當(dāng)中

public class MyView extends View { 
    // 設(shè)置需要用到的變量 
    public static final float RADIUS = 70f;// 圓的半徑 = 70 
    private Point currentPoint;// 當(dāng)前點坐標(biāo) 
    private Paint mPaint;// 繪圖畫筆 
    // 構(gòu)造方法(初始化畫筆) 
    public MyView(Context context, AttributeSet attrs) { 
        super(context, attrs); 
        // 初始化畫筆 
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); 
        mPaint.setColor(Color.BLUE); 
    } 
    // 復(fù)寫onDraw()從而實現(xiàn)繪制邏輯 
    // 繪制邏輯:先在初始點畫圓,通過監(jiān)聽當(dāng)前坐標(biāo)值(currentPoint)的變化,每次變化都調(diào)用onDraw()重新繪制圓,從而實現(xiàn)圓的平移動畫效果 
    @Override 
    protected void onDraw(Canvas canvas) { 
        // 如果當(dāng)前點坐標(biāo)為空(即第一次) 
        if (currentPoint == null) { 
            currentPoint = new Point(RADIUS, RADIUS); 
            // 創(chuàng)建一個點對象(坐標(biāo)是(70,70)) 
            // 在該點畫一個圓:圓心 = (70,70),半徑 = 70 
            float x = currentPoint.getX(); 
            float y = currentPoint.getY(); 
            canvas.drawCircle(x, y, RADIUS, mPaint); 
 // (重點關(guān)注)將屬性動畫作用到View中 
            // 步驟1:創(chuàng)建初始動畫時的對象點  & 結(jié)束動畫時的對象點 
            Point startPoint = new Point(RADIUS, RADIUS);// 初始點為圓心(70,70) 
            Point endPoint = new Point(700, 1000);// 結(jié)束點為(700,1000) 
            // 步驟2:創(chuàng)建動畫對象 & 設(shè)置初始值 和 結(jié)束值 
            ValueAnimator anim = ValueAnimator.ofObject(new PointEvaluator(), startPoint, endPoint); 
            // 參數(shù)說明 
            // 參數(shù)1：TypeEvaluator 類型參數(shù) - 使用自定義的PointEvaluator(實現(xiàn)了TypeEvaluator接口) 
            // 參數(shù)2：初始動畫的對象點 
            // 參數(shù)3：結(jié)束動畫的對象點 
            // 步驟3：設(shè)置動畫參數(shù) 
            anim.setDuration(5000); 
            // 設(shè)置動畫時長 
// 步驟3：通過 值 的更新監(jiān)聽器，將改變的對象手動賦值給當(dāng)前對象 
// 此處是將 改變后的坐標(biāo)值對象 賦給 當(dāng)前的坐標(biāo)值對象 
            // 設(shè)置 值的更新監(jiān)聽器 
            // 即每當(dāng)坐標(biāo)值（Point對象）更新一次,該方法就會被調(diào)用一次 
            anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 
                @Override 
                public void onAnimationUpdate(ValueAnimator animation) { 
                    currentPoint = (Point) animation.getAnimatedValue(); 
                    // 將每次變化后的坐標(biāo)值（估值器PointEvaluator中evaluate（）返回的Piont對象值）到當(dāng)前坐標(biāo)值對象（currentPoint） 
                    // 從而更新當(dāng)前坐標(biāo)值（currentPoint） 
// 步驟4：每次賦值后就重新繪制，從而實現(xiàn)動畫效果 
                    invalidate(); 
                    // 調(diào)用invalidate()后,就會刷新View,即才能看到重新繪制的界面,即onDraw()會被重新調(diào)用一次 
                    // 所以坐標(biāo)值每改變一次,就會調(diào)用onDraw()一次 
                } 
            }); 
            anim.start(); 
            // 啟動動畫 
        } else { 
            // 如果坐標(biāo)值不為0,則畫圓 
            // 所以坐標(biāo)值每改變一次,就會調(diào)用onDraw()一次,就會畫一次圓,從而實現(xiàn)動畫效果 
            // 在該點畫一個圓:圓心 = (30,30),半徑 = 30 
            float x = currentPoint.getX(); 
            float y = currentPoint.getY(); 
            canvas.drawCircle(x, y, RADIUS, mPaint); 
        } 
    } 
}