Android屬性動畫總結

轉載請注明出處：http://blog.csdn.net/dreamsever/article/details/59113009

前言

動畫應該是Android開發中比較常用相當重要的技能之一，有時候多日不用，用的時候腦子一片空白。這裡總結下一屬性動畫的使用，以備不時之需。

Google官方把動畫分為

• View Animation
• Drawable Animation
• Property Animation

作為一個“老Android開發者”，我們一般這樣分：

• Tween Animation：通過對場景裡的對象不斷做圖像變換(平移、縮放、旋轉)産生動畫效果，即是一種漸變動畫；
• Frame Animation：順序播放事先做好的圖像，是一種畫面轉換動畫。
• Property Animation：屬性動畫，通過動态地改變對象的屬性進而達到動畫效果，屬性動畫為API 11新特性。

另外兩個動畫都比較經典這裡就不說了，本文主要總結屬性動畫，

Property Animation 屬性動畫是Android 3.0 (API level 11)才加入的，一般來說官方也比較推薦用它，因為它提供了更多的屬性，使用起來更加的靈活

Android官網Property Animation連結

簡述

屬性動畫系統可以讓你定義動畫的以下屬性：

• 時長
• 時間插值
• 重複次數
• 動畫集Animator sets
• 幀頻率

就像說Java裡面說list我們想到了ArrayList，說map我們想到了HashMap，說屬性動畫我們自然要想到ObjectAnimator，它是屬性動畫的最典型最重要的類。其他的不是特殊需要可以先不考慮

基本使用

單個動畫使用

/**
 * 縮放動畫
 * @param v 被縮放的view
 */
private void scale(View v){
    ObjectAnimator anim = ObjectAnimator.ofFloat(v, "scaleX", f);//x方向放大兩倍
    anim.setDuration();//時長
    anim.setRepeatCount();//重複次數
    anim.setRepeatMode(ValueAnimator.REVERSE);//重複時相反的方向恢複到原來的樣子
    anim.setInterpolator(new AccelerateInterpolator());//設定插值器為加速度
    anim.start();
}
           

ofFloat的參數：

• 第一個參數是要操縱的對象view
• 第二個參數是屬性，比如”x”，”y”，”pivotX”,”translationX”,”rotationX”，”scaleX”，”scaleY”等
• 第三個參數是可變數組參數，是本屬性動畫相應的變化值，

ObjectAnimator有那麼多方法，這裡為什麼用ofFloat()而不是ofInt(),ofArgb(),ofMultiFloat()等等，還是那句話它最經典用的最多，這裡用它就适合。不要糾結當你發現ofFloat不夠用的時候，實作不了的時候再去深入看看其他的

屬性動畫顧名思義就是針對屬性的動畫，那麼屬性動畫的一些常用屬性們有哪些呢：

• translationX and translationY:這兩個屬性控制view距離其布局容器的左上角坐标的偏移量
• rotation, rotationX, and rotationY:這些屬性控制圍繞軸點進行的2D和3D的旋轉
• scaleX and scaleY: 控制視圖繞其軸點的x軸，y軸的縮放倍數
• pivotX and pivotY:控制軸點的位置，圍繞該點旋轉和縮放變換發生。預設情況下，軸點位于對象的中心。
• x and y: 用于描述在其容器視圖中的最終位置，作為左側值和頂部值以及translationX和translationY值的總和。
• alpha:View視圖的透明度，0是完全透明，1是不透明

如果屬性動畫隻能對以上屬性進行動畫，那麼屬性動畫隻能說是對tween動畫的更新，它的強大之處在官網有這樣一句描述：

With the property animation system, these constraints are completely removed, and you can animate any property of any object (Views and non-Views) and the object itself is actually modified.

通過屬性動畫系統，你可以對一個對象（view或者非view）的任何屬性進行動畫，比如你可以自定義一個MyView

@Override
    protected void onDraw(Canvas canvas) {
        canvas.drawColor(colorNum);
    }
    private int colorNum= Color.BLACK;

    public void setBgColor(int value){
        colorNum=value;
        invalidate();
    }
           

ObjectAnimator test=ObjectAnimator.ofInt(myView,"bgColor", Color.BLUE);
test.setDuration();
test.start();
           

這樣你就會看到view從0－Color.BLUE在1000毫秒内顔色的變化動畫。隻是一個小例子，真正開發肯定是各種屬性都可以

動畫集使用

想要動畫效果更加炫酷，肯定不是單一的效果，需要幾個動畫結合一起執行，這裡就要用到AnimatorSet，用法舉例：

/**
 * @param v  執行動畫的view
 * @param startBounds  開始的邊界
 * @param finalBounds  結束時的邊界
 * @param startScale  開始的拉伸比率
 */
public void startZoomAnim(View v, Rect startBounds, Rect finalBounds, float startScale) {
    AnimatorSet set = new AnimatorSet();
    set.play(
            ObjectAnimator.ofFloat(v, "x", startBounds.left, finalBounds.left))
            .with(ObjectAnimator.ofFloat(v, "y", startBounds.top, finalBounds.top))
            .with(ObjectAnimator.ofFloat(v, "scaleX", startScale, f))
            .with(ObjectAnimator.ofFloat(v, "scaleY", startScale, f));

    set.setDuration();
    set.setInterpolator(new DecelerateInterpolator());
    set.addListener(new AnimatorListenerAdapter() {
        @Override
        public void onAnimationEnd(Animator animation) {
            //
        }

        @Override
        public void onAnimationCancel(Animator animation) {
            //
        }
    });
    set.start();
}
           

其實真正開發中你會發現也許AnimatorSet也不能滿足你的需求，因為設計的效果也許是一連串的動畫效果，這時候你就需要加入動畫監聽器AnimatorListener，監聽到動畫之行結束啟動另外一個動畫

插值器

想要效果更加靈動活潑自然少不了插值器

各個插值器效果參考這裡

http://www.cnblogs.com/mengdd/p/3346003.html

總結

上面這些都是屬性動畫的基礎知識，也許複雜的動畫自己寫監聽會很複雜，這裡推薦一個開源庫，操作屬性動畫很優雅

https://github.com/florent37/ViewAnimator

ViewAnimator
       .animate(image)
            .translationY(-, )
            .alpha(,)
       .andAnimate(text)
            .dp().translationX(-, )
            .decelerate()
            .duration()
       .thenAnimate(image)
            .scale(f, f, f)
            .accelerate()
            .duration()
       .start();
           

參考連結

Android官網Property Animation連結

http://www.jianshu.com/p/0923ab36d682

http://www.cnblogs.com/mengdd/p/3346003.html