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()方法这样一些方法，我们就可以做到这样一个属性集合详细的顺序处理。

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