1、動畫分類

• 傳統動畫（幀動畫、補間動畫）
• 3.0后的屬性動畫

2、動畫-傳統動畫

    2.1、幀動畫

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/gif1" android:duration="100"/>
    <item android:drawable="@mipmap/gif2" android:duration="100"/>
    <item android:drawable="@mipmap/gif3" android:duration="100"/>
    <item android:drawable="@mipmap/gif4" android:duration="100"/>
</animation-list>

    2.2、補間動畫

            ①alpha(淡入淡出)

            ②translate(位移)

            ③rotate(旋轉)

            ④scale(放大縮小)

        實例：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha
        android:fromAlpha="0.8"
        android:toAlpha="0" />
    <rotate
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="360" />
    <scale
        android:fromXScale="0"
        android:fromYScale="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1"
        android:toYScale="1" />
    <translate
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:toXDelta="1"
        android:toYDelta="1" />
</set>

3、屬性動畫

    3.1、出現的原因

            a)作用對象只是View（如只想操作視圖的顏色屬性）

            b)沒有改變View的屬性，只是改變了視覺效果

            c)動畫效果過于單一

    3.2、特點

    3.3、工作原理

        屬性動畫有兩個非常重要的類：ValueAnimator、ObjectAnimator

        他們的關系如圖：

        相關類：

    3.4、用法

        3.4.1、ValueAnimator

                ①原理：屬性動畫的機制是通過不斷對值進行操作實現的，而初始值和結束值之間的動畫過度就是由ValueAnimator這個類負責計算的，它的內部是使用時間循環的機制。ValueAnimator還負責管理動畫的播放次數、播放模式、以及對動畫設置監聽器等

                ②方法

                    ValueAnimator.ofInt() 初始值從整數過度到結束值

                    ValueAnimator.ofFloat()  初始值從浮點數過度到結束值

                    ValueAnimator.ofObject()  初始值從對象形式過度到結束值

                ③實例

                    一個View 4秒從原先寬度變到200的一個動畫

                    a)代碼方式

        ValueAnimator valueAnimator = ValueAnimator.ofInt(view.getLayoutParams().width, 200);
        valueAnimator.setDuration(4000);
        valueAnimator.setStartDelay(500);
        // 設置動畫延遲播放時間
        valueAnimator.setRepeatCount(0);
        // 設置動畫重復播放次數 = 重放次數+1
        valueAnimator.setRepeatMode(ValueAnimator.RESTART);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                int currentValue= (Integer) valueAnimator.getAnimatedValue();
                view.getLayoutParams().width=currentValue;
                view.requestLayout();
            }
        });
        valueAnimator.start();

                    b)xml方式

<?xml version="1.0" encoding="utf-8"?>
<animator xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="4000"
    android:repeatCount="0"
    android:repeatMode="restart"
    android:valueFrom="0"
    android:valueTo="200"
    android:valueType="intType"></animator>

Animator animator = AnimatorInflater.loadAnimator(context, R.animator.set_animation);  
// 載入XML動畫
animator.setTarget(view);  
// 設置動畫對象
animator.start();  
// 啟動動畫

                ④特殊ValueAnimator.ofObject()

                    1、估值器（TypeEvaluator）

                            插值器（Interpolator）決定值的變化模式（勻速、加速）

                              估值器（TypeEvaluator）決定值的具體變化數值

                    2、ValueAnimator.ofFloat()原理

                            其實是系統內置了一個 FloatEvaluator估值器，內部實現了初始值與結束值 以浮點型的過渡邏輯

public class FloatEvaluator implements TypeEvaluator {
    /**
     * 重寫evaluate
     * @param fraction 表示動畫完成度（根據它來計算當前動畫的值）
     * @param startValue 動畫的初始值
     * @param endValue 動畫的結束值
     * @return
     */
    public Object evaluate(float fraction, Object startValue, Object endValue) {  

        float startFloat = ((Number) startValue).floatValue();  
        
        return startFloat + fraction * (((Number) endValue).floatValue() - startFloat);  
        // 初始值 過渡 到結束值 的算法是：
        // 1. 用結束值減去初始值，算出它們之間的差值
        // 2. 用上述差值乘以fraction系數
        // 3. 再加上初始值，就得到當前動畫的值
    }  
}

                    3、ValueAnimator.ofObject() 從一個點到另一個點移動實例

public class Point {
    private float x;
    private float y;
    
    public Point(float x, float y) {
        this.x = x;
        this.y = y;
    }
    public float getX() {
        return x;
    }
    public float getY() {
        return y;
    }
}

public class PointEvaluator implements TypeEvaluator {
    
    @Override
    public Object evaluate(float fraction, Object startValue, Object endValue) {

        // 將動畫初始值startValue 和 動畫結束值endValue 強制類型轉換成Point對象
        Point startPoint = (Point) startValue;
        Point endPoint = (Point) endValue;
        
        float x = startPoint.getX() + fraction * (endPoint.getX() - startPoint.getX());
        float y = startPoint.getY() + fraction * (endPoint.getY() - startPoint.getY());
        
        // 將計算后的坐標封裝到一個新的Point對象中并返回
        Point point = new Point(x, y);
        return point;
    }

}

public class MyView extends View {
    // 設置需要用到的變量
    public static final float RADIUS = 70f;// 圓的半徑 = 70
    private Point currentPoint;// 當前點坐標
    private Paint mPaint;// 繪圖畫筆
    

    // 構造方法(初始化畫筆)
    public MyView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 初始化畫筆
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setColor(Color.BLUE);
    }

    // 復寫onDraw()從而實現繪制邏輯
    // 繪制邏輯:先在初始點畫圓,通過監聽當前坐標值(currentPoint)的變化,每次變化都調用onDraw()重新繪制圓,從而實現圓的平移動畫效果
    @Override
    protected void onDraw(Canvas canvas) {
        // 如果當前點坐標為空(即第一次)
        if (currentPoint == null) {
            currentPoint = new Point(RADIUS, RADIUS);
            // 創建一個點對象(坐標是(70,70))

            // 在該點畫一個圓:圓心 = (70,70),半徑 = 70
            float x = currentPoint.getX();
            float y = currentPoint.getY();
            canvas.drawCircle(x, y, RADIUS, mPaint);

            // 步驟1:創建初始動畫時的對象點  & 結束動畫時的對象點
            Point startPoint = new Point(RADIUS, RADIUS);// 初始點為圓心(70,70)
            Point endPoint = new Point(700, 1000);// 結束點為(700,1000)

            // 步驟2:創建動畫對象 & 設置初始值 和 結束值
            ValueAnimator anim = ValueAnimator.ofObject(new PointEvaluator(), startPoint, endPoint);

            // 步驟3：設置動畫參數
            anim.setDuration(5000);
            // 設置動畫時長

            // 步驟3：通過 值 的更新監聽器，將改變的對象手動賦值給當前對象
            anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    currentPoint = (Point) animation.getAnimatedValue();
                    // 將每次變化后的坐標值（估值器PointEvaluator中evaluate（）返回的Piont對象值）到當前坐標值對象（currentPoint）
                    // 從而更新當前坐標值（currentPoint）

            // 步驟4：每次賦值后就重新繪制，從而實現動畫效果
                    invalidate();
                    // 調用invalidate()后,就會刷新View,即才能看到重新繪制的界面,即onDraw()會被重新調用一次
                    // 所以坐標值每改變一次,就會調用onDraw()一次
                }
            });

            anim.start();
            // 啟動動畫

        } else {
           
            // 在該點畫一個圓:圓心 = (30,30),半徑 = 30
            float x = currentPoint.getX();
            float y = currentPoint.getY();
            canvas.drawCircle(x, y, RADIUS, mPaint);
        }
    }
}

        3.4.2、ObjectAnimator

            ① ValueAnimator與ObjectAnimator區別

• ValueAnimator 類是先改變值，然后 手動賦值 給對象的屬性從而實現動畫；是 間接對對象屬性進行操作；
• ObjectAnimator 類是先改變值，然后 自動賦值 給對象的屬性從而實現動畫；是 直接對對象屬性進行操作；

            ② 使用方法

                a)代碼方式 

        ObjectAnimator anim = ObjectAnimator.ofFloat(object, property, values);
        anim.setDuration(500);// 設置動畫運行的時長
        anim.setStartDelay(500);// 設置動畫延遲播放時間
        anim.setRepeatCount(0);// 設置動畫重復播放次數 = 重放次數+1
        anim.setRepeatMode(ValueAnimator.RESTART);// 設置重復播放動畫模式
        anim.start();// 啟動動畫

                b)xml方式

        <?xml version="1.0" encoding="utf-8"?>
        <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:valueFrom="0"
        android:valueTo="1"
        android:valueType="floatType"
        android:propertyName="alpha">
        </objectAnimator>

            ③ 實現補間動畫四種基本變化（平移、旋轉、縮放 、透明度）

        ObjectAnimator alphaAnim = ObjectAnimator.ofFloat(view, "alpha", 0.8f, 0f);//逐漸透明
        ObjectAnimator scaleAnim = ObjectAnimator.ofFloat(view, "scaleX", 1f, 3f);//X軸方向縮放到3倍
        ObjectAnimator translateAnim = ObjectAnimator.ofFloat(view, "translationX", view.getTranslationX(), 200,view.getTranslationX());//X軸平移
        ObjectAnimator rotateAnim = ObjectAnimator.ofFloat(view, "rotation", 0f, 360f);//360度旋轉