需要說(shuō)明的是，ofFloat()需要的參數(shù)中包括一個(gè)對(duì)象和對(duì)象的屬性名字，但這個(gè)屬性必須有g(shù)et和set函數(shù)，內(nèi)部會(huì)通過(guò)Java反射機(jī)制來(lái)調(diào)用set函數(shù)修改對(duì)象屬性值。

此外還可以為動(dòng)畫(huà)設(shè)置監(jiān)聽(tīng)器，在動(dòng)畫(huà)執(zhí)行狀態(tài)變化時(shí)，執(zhí)行需要的操作。

ObjectAnimator alpha = ObjectAnimator.ofFloat(view, "alpha", 0f, 1f).setDuration(1000);
alpha.addListener(new Animator.AnimatorListener() {
        @Override //動(dòng)畫(huà)開(kāi)始
        public void onAnimationStart(Animator animation) {}

        @Override //動(dòng)畫(huà)結(jié)束
        public void onAnimationEnd(Animator animation) {}

        @Override //動(dòng)畫(huà)取消
        public void onAnimationCancel(Animator animation) {}

        @Override //動(dòng)畫(huà)重復(fù)
        public void onAnimationRepeat(Animator animation) {}
        });
alpha.start();

大多數(shù)情況下我們只需要監(jiān)聽(tīng)動(dòng)畫(huà)結(jié)束，這個(gè)時(shí)候可以使用AnimatorListenerAdapter

alpha.addListener(new AnimatorListenerAdapter() {
    @Override
    public void onAnimationEnd(Animator animation) {
            super.onAnimationEnd(animation);
            Toast.makeText(view.getContext(),"get Animator",Toast.LENGTH_SHORT).show();
    }
});

ObjectAnimator所操作的常見(jiàn)屬性如下：

1. translationX\translationY，水平或者縱向移動(dòng)；
2. rotation、rotationX\rotationY，這里的rotation是指3D的旋轉(zhuǎn)。rotationX是水平方向的旋轉(zhuǎn)，rotationY是垂直方向的旋轉(zhuǎn)；
3. scaleX\scaleY 水平、垂直方向的縮放；
4. X\Y 具體會(huì)移動(dòng)到的某個(gè)點(diǎn)；
5. alpha 透明度。

通過(guò)組合以上屬性，就能繪制出各種酷炫的動(dòng)畫(huà)效果。

3. 動(dòng)畫(huà)集合的使用

更多場(chǎng)景中，我們需要同時(shí)控制多個(gè)動(dòng)畫(huà)來(lái)達(dá)到更加豐富的效果，當(dāng)然最直接的方法就是多生成幾個(gè)ObjectAnimator對(duì)象：

ObjectAnimator.ofFloat(image,"rotation",0f,360f).setDuration(1000).start();
ObjectAnimator.ofFloat(image,"TranslationX",0f,200f).setDuration(1000).start();
ObjectAnimator.ofFloat(image,"TranslationY",0f,200f).setDuration(1000).start();

這樣的效果就是三個(gè)動(dòng)畫(huà)同時(shí)執(zhí)行：旋轉(zhuǎn)360度的同時(shí)向（200，200）坐標(biāo)移動(dòng)。

可能你會(huì)說(shuō)執(zhí)行對(duì)象都是一個(gè)，執(zhí)行時(shí)間也都一樣，可不可以有其他寫(xiě)法。當(dāng)然可以，PropertyValuesHolder就是一種方法：

PropertyValuesHolder p1 = PropertyValuesHolder.ofFloat("rotation",0f,360f);
PropertyValuesHolder p2 = PropertyValuesHolder.ofFloat("TranslationX",0f,300f);
PropertyValuesHolder p3 = PropertyValuesHolder.ofFloat("TranslationY",0f,300f);
ObjectAnimator.ofPropertyValuesHolder(image,p1,p2,p3).setDuration(1000).start();

PropertyValuesHolder記錄下屬性變化的情況，然后再把一系列PropertyValuesHolder一次性賦予一個(gè)對(duì)象，當(dāng)然也可以把PropertyValuesHolder保存下來(lái)在設(shè)置給其他對(duì)象。

不過(guò)以上兩個(gè)方法都是同事執(zhí)行所有動(dòng)畫(huà)，如果要控制動(dòng)畫(huà)之間的順序呢？
AnimatorSet將是首選！

ObjectAnimator rotation = ObjectAnimator.ofFloat(image, "rotation", 0f, 360f);
ObjectAnimator translationX = ObjectAnimator.ofFloat(image, "TranslationX", 0f, 200f);
ObjectAnimator translationY = ObjectAnimator.ofFloat(image, "TranslationY", 0f, 200f);
AnimatorSet animatorSet = new AnimatorSet();
//animatorSet.playSequentially(rotation,translationX,translationY);
animatorSet.playTogether(rotation,translationX,translationY);
animatorSet.setDuration(1000).start();

將需要的動(dòng)畫(huà)都放入一個(gè)集合中，然后管理它們的執(zhí)行順序，可以一起執(zhí)行（playTogether），也可以順序執(zhí)行（playTogether），還可以自定義順序。

animatorSet.play(translationX).with(translationY).after(rotation);

with代表一起執(zhí)行，after代表隨后執(zhí)行。

4. 實(shí)例：衛(wèi)星Button#

利用上面提到的AnimatorSet，將多個(gè)動(dòng)畫(huà)效果組合在一起來(lái)實(shí)現(xiàn)衛(wèi)星Buttion的效果

動(dòng)畫(huà)效果，衛(wèi)星Button扇形展開(kāi)和關(guān)閉

布局文件

布局很簡(jiǎn)單，在FrameLayout布局中7個(gè)ImageView相互重疊

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             xmlns:app="http://schemas.android.com/apk/res-auto"
             android:layout_width="match_parent"
             android:layout_height="match_parent">

    <ImageView
        android:id="@+id/imageView_h"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        app:srcCompat="@drawable/h"/>
    <ImageView
        android:id="@+id/imageView_g"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        app:srcCompat="@drawable/g"/>
    <ImageView
        android:id="@+id/imageView_f"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="6dp"
        app:srcCompat="@drawable/f"/>
    <ImageView
        android:id="@+id/imageView_e"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="6dp"
        app:srcCompat="@drawable/e"/>
    <ImageView
        android:id="@+id/imageView_d"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="6dp"
        app:srcCompat="@drawable/d"/>
    <ImageView
        android:id="@+id/imageView_c"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="6dp"
        app:srcCompat="@drawable/c"/>
    <ImageView
        android:id="@+id/imageView_b"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="6dp"
        app:srcCompat="@drawable/b"/>
    <ImageView
        android:id="@+id/imageView_a"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/a"/>
</FrameLayout>

動(dòng)畫(huà)實(shí)現(xiàn)

扇形展開(kāi)動(dòng)畫(huà)實(shí)際上讓多個(gè)ImageView同時(shí)在X和Y軸上移動(dòng)到特定的位置，這些位置以一個(gè)原點(diǎn)和固定的半徑成扇形。也就是說(shuō)這些點(diǎn)的位置滿足：

x = r * cos(a)
y = r * sin(a)
a是扇形的弧度。假設(shè)一共有n個(gè)衛(wèi)星Button，再加上開(kāi)頭和結(jié)尾處的空位，一個(gè)要把90度平方分為n-2份，第i個(gè)控件的弧度就是(i*PI)/(2*(n-2))。

扇形關(guān)閉的動(dòng)畫(huà)也是同樣的道理，只不過(guò)把Button移動(dòng)的起點(diǎn)和終點(diǎn)顛倒即可。
具體代碼實(shí)現(xiàn)如下：

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    // an array of imageView ids.
    int[] res = {R.id.imageView_a,R.id.imageView_b,R.id.imageView_c,R.id.imageView_d,R.id.imageView_e,
            R.id.imageView_f,R.id.imageView_g};

    // a list of ImageViews
    private List<ImageView> mImageViewList = new ArrayList<>();

    // a flag to control opening action or closing action
    private boolean opened = false;
        // 軌跡半徑
    int r = 150;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);
        initView();
    }
        //控件初始化
    private void initView() {
        for(int i=0;i<res.length;i++){
            ImageView imageView = (ImageView) findViewById(res[i]);
            mImageViewList.add(imageView);
            imageView.setOnClickListener(this);
        }
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.imageView_a:
                if(!opened) {
                    openAnimator();
                } else {
                    closeAnimator();
                }
                break;
            default:
                Toast.makeText(v.getContext(),"Id: "+v.getId(),Toast.LENGTH_SHORT).show();
                break;
        }
    }
       
        //控件關(guān)閉
    private void closeAnimator() {
        for(int i=0;i<res.length-1;i++){
            //計(jì)算每個(gè)控件展開(kāi)的弧度
            moveBack(mImageViewList.get(i+1),(float) (Math.PI/2/(res.length-2))*i);
        }
        opened = false;
    }

        // 控件打開(kāi)
    private void openAnimator() {
        for(int i=0;i<res.length-1;i++){
            //計(jì)算每個(gè)控件展開(kāi)的弧度
            moveTo(mImageViewList.get(i+1),(float) (Math.PI/2/(res.length-2))*i);
        }
        opened = true;
    }

    /**
     * 扇形展開(kāi)
     * @param objView 目標(biāo)控件
     * @param angle 展開(kāi)的角度
     */
    void moveTo(View objView, float angle){
        ObjectAnimator translationX = ObjectAnimator.ofFloat(objView, "translationX", 0f, (float) Math.cos(angle) * r);
        ObjectAnimator translationY = ObjectAnimator.ofFloat(objView, "translationY", 0f, (float) Math.sin(angle) * r);
        AnimatorSet animatorSet = new AnimatorSet();
        animatorSet.playTogether(translationX,translationY);
        animatorSet.setDuration(500).start();
    }
       
    /**
     * 扇形關(guān)閉
     * @param objView 目標(biāo)控件
     * @param angle 關(guān)閉的角度
     */
    void moveBack(View objView, float angle){
        ObjectAnimator translationX = ObjectAnimator.ofFloat(objView, "translationX", (float) Math.cos(angle) * r,0f);
        ObjectAnimator translationY = ObjectAnimator.ofFloat(objView, "translationY", (float) Math.sin(angle) * r,0f);
        AnimatorSet animatorSet = new AnimatorSet();
        animatorSet.playTogether(translationX,translationY);
        animatorSet.setDuration(500).start();
    }
}

類(lèi)似的效果當(dāng)然也可以使用Animation來(lái)實(shí)現(xiàn)，網(wǎng)上也有很多例子，但實(shí)現(xiàn)復(fù)雜，代碼量很大。反觀ObejctAnimator實(shí)現(xiàn)起來(lái)更為簡(jiǎn)潔，清楚明白。通過(guò)結(jié)合更多屬性的變化，相信讀者朋友們能制作出更多更酷炫的效果，畢竟創(chuàng)意是無(wú)窮！

參考文獻(xiàn)