Android属性动画简单剖析

运行效果图：

先看布局文件吧，activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.administrator.animatordemo.MainActivity">

    <ImageView
        android:id="@+id/iv_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp"
        android:scaleType="centerCrop"
        android:src="@mipmap/ic_launcher_round" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:orientation="vertical">

        <Button
            android:id="@+id/btn_click1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_gravity="center"
            android:text="startAnimator1" />

        <Button
            android:id="@+id/btn_click2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_gravity="center"
            android:text="startAnimator2" />

        <Button
            android:id="@+id/btn_click3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_gravity="center"
            android:text="startAnimator3" />

    </LinearLayout>

</RelativeLayout>

然后看JAVA代码，MainActivity.java：

package com.example.administrator.animatordemo;

import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.animation.PropertyValuesHolder;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private Button btn_click1;
    private Button btn_click2;
    private Button btn_click3;
    private ImageView iv_icon;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        iv_icon = (ImageView) findViewById(R.id.iv_icon);
        btn_click1 = (Button) findViewById(R.id.btn_click1);
        btn_click1.setOnClickListener(this);
        btn_click2 = (Button) findViewById(R.id.btn_click2);
        btn_click2.setOnClickListener(this);
        btn_click3 = (Button) findViewById(R.id.btn_click3);
        btn_click3.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.btn_click1:
                startAnimator1();//这样写，三个动画会同时执行
                break;
            case R.id.btn_click2:
                startAnimator2();//效果同startAnimator1()一致，要是和第一种相比较，更推荐此方法
                break;
            case R.id.btn_click3:
                startAnimator3();
                break;
        }
    }

    /**
     * 旋转动画：rotation
     * 水平动画：translationX
     * 垂直动画：translationY
     */
    private void startAnimator1() {
        ObjectAnimator.ofFloat(iv_icon, "rotation", 0F, 200F).setDuration(1000).start();
        ObjectAnimator.ofFloat(iv_icon, "translationX", 0F, 200F).setDuration(1000).start();
        ObjectAnimator.ofFloat(iv_icon, "translationY", 0F, 200F).setDuration(1000).start();
    }

    private void startAnimator2() {
        PropertyValuesHolder p1 = PropertyValuesHolder.ofFloat("rotation", 0F, 200F);
        PropertyValuesHolder p2 = PropertyValuesHolder.ofFloat("translationX", 0F, 200F);
        PropertyValuesHolder p3 = PropertyValuesHolder.ofFloat("translationY", 0F, 200F);
        ObjectAnimator.ofPropertyValuesHolder(iv_icon, p1, p2, p3).setDuration(1000).start();//第一个参数是控件对象，后面参数是可变长数组
    }

    private void startAnimator3() {
        ObjectAnimator animator1 = ObjectAnimator.ofFloat(iv_icon, "rotation", 0F, 200F);
        ObjectAnimator animator2 = ObjectAnimator.ofFloat(iv_icon, "translationX", 0F, 200F);
        ObjectAnimator animator3 = ObjectAnimator.ofFloat(iv_icon, "translationY", 0F, 200F);
        AnimatorSet set = new AnimatorSet();
//        set.playTogether(animator1, animator2, animator3);//三个动画同时执行
        set.playSequentially(animator1, animator2, animator3);//三个动画按顺序执行
        set.setDuration(1000);
        set.start();
    }
}

说明一下，在startAnimator3()这个方法当中，AnimatorSet集合除了playTogether和playSequentially两个方法外，还有play方法。比如它可以这样使用：

set.paly(animator2).with(animator3);
set.play(animator1).after(animator2);

这种效果的话，则是会先进行“水平动画和垂直动画”同时执行，然后再执行旋转动画。通过with()，after()，甚至还有before()方法这样一些方法，我们就可以做到这样一个属性集合详细的顺序处理。

是不是强大的功能呢？这种方式，也是属性动画里面使用最多的一种方式。