Android 属性动画属性动画总结&攻略

前言

动画的使用是 Android 开发中常用的知识
本文将详细介绍 Android 动画中 属性动画的原理 & 使用

动画类型

关于Android动画的系列文章

动画的使用，请参考文章：
Android 属性动画：这是一篇很详细的属性动画总结&攻略
 Android 动画：手把手教你使用补间动画
 Android 逐帧动画：关于逐帧动画的使用都在这里了！
Android 动画：你真的会使用插值器与估值器吗？（含详细实例教学）
自定义View的原理，请参考文章：
（1）自定义View基础 - 最易懂的自定义View原理系列
 （2）自定义View Measure过程 - 最易懂的自定义View原理系列
 （3）自定义View Layout过程 - 最易懂的自定义View原理系列
 （4）自定义View Draw过程- 最易懂的自定义View原理系列
自定义View的应用，请参考文章：
手把手教你写一个完整的自定义View
Path类的最全面详解 - 自定义View应用系列
 Canvas类的最全面详解 - 自定义View应用系列
 为什么你的自定义View wrap_content不起作用？

1. 属性动画出现的原因

属性动画（Property Animation）是在 Android 3.0（API 11）后才提供的一种全新动画模式
那么为什么要提供属性动画（Property Animation）？

1.1 背景

实现动画效果在Android开发中非常常见，因此Android系统一开始就提供了两种实现动画的方式：

逐帧动画（Frame Animation）
补间动画（ Tweened animation ）

1.2 问题

逐帧动画 & 补间动画存在一定的缺点：

a. 作用对象局限：View

即补间动画只能够作用在视图View上，即只可以对一个Button、TextView、甚至是LinearLayout、或者其它继承自View的组件进行动画操作，但无法对非View的对象进行动画操作

有些情况下的动画效果只是视图的某个属性 & 对象而不是整个视图；
如，现需要实现视图的颜色动态变化，那么就需要操作视图的颜色属性从而实现动画效果，而不是针对整个视图进行动画操作

b. 没有改变View的属性，只是改变视觉效果

补间动画只是改变了View的视觉效果，而不会真正去改变View的属性。
如，将屏幕左上角的按钮通过补间动画移动到屏幕的右下角
点击当前按钮位置（屏幕右下角）是没有效果的，因为实际上按钮还是停留在屏幕左上角，补间动画只是将这个按钮绘制到屏幕右下角，改变了视觉效果而已。

c. 动画效果单一

补间动画只能实现平移、旋转、缩放 & 透明度这些简单的动画需求
一旦遇到相对复杂的动画效果，即超出了上述4种动画效果，那么补间动画则无法实现。

即在功能 & 可扩展性有较大局限性

1.3 问题

为了解决补间动画的缺陷，在 Android 3.0（API 11）开始，系统提供了一种全新的动画模式：属性动画（Property Animation）
下面，我将全面介绍属性动画（Property Animation）

2. 简介

作用对象：任意 Java 对象

不再局限于视图View对象

实现的动画效果：可自定义各种动画效果

不再局限于4种基本变换：平移、旋转、缩放 & 透明度

3. 特点

作用对象进行了扩展：不只是View对象，甚至没对象也可以
动画效果：不只是4种基本变换，还有其他动画效果
作用领域：API11后引入的

4. 工作原理

在一定时间间隔内，通过不断对值进行改变，并不断将该值赋给对象的属性，从而实现该对象在该属性上的动画效果

可以是任意对象的任意属性

具体的工作原理逻辑如下：

工作原理

从上述工作原理可以看出属性动画有两个非常重要的类：ValueAnimator 类 & ObjectAnimator 类
其实属性动画的使用基本都是依靠这两个类
所以，在下面介绍属性动画的具体使用时，我会着重介绍这两个类。

5. 具体使用

5.1 ValueAnimator类

定义：属性动画机制中最核心的一个类
实现动画的原理：通过不断控制值的变化，再不断手动赋给对象的属性，从而实现动画效果。如图下：

工作原理

从上面原理可以看出：ValueAnimator类中有3个重要方法：

ValueAnimator.ofInt（int values）
ValueAnimator.ofFloat（float values）
ValueAnimator.ofObject（int values）

下面我将逐一介绍。

5.1.1 ValueAnimator.ofInt（int values）

作用：将初始值 以整型数值的形式 过渡到结束值

即估值器是整型估值器 - IntEvaluator

工作原理：

工作原理

具体使用：

特别说明：
因为ValueAnimator本质只是一种值的操作机制，所以下面的介绍先是展示如何改变一个值的过程（下面的实例主要讲解：如何将一个值从0平滑地过渡到3）
至于如何实现动画，是需要开发者手动将这些值赋给对象的属性值。关于这部分在下节会进行说明。

操作值的方式分为 XML 设置 / Java 代码设置
设置方式1：Java代码设置

实际开发中，建议使用Java代码实现属性动画：因为很多时候属性的起始值是无法提前确定的（无法使用XML设置），这就需要在Java代码里动态获取。

// 步骤1：设置动画属性的初始值 & 结束值ValueAnimator anim = ValueAnimator.ofInt(0, 3);// ofInt（）作用有两个// 1. 创建动画实例// 2. 将传入的多个Int参数进行平滑过渡:此处传入0和1,表示将值从0平滑过渡到1// 如果传入了3个Int参数 a,b,c ,则是先从a平滑过渡到b,再从b平滑过渡到C，以此类推// ValueAnimator.ofInt()内置了整型估值器,直接采用默认的.不需要设置，即默认设置了如何从初始值 过渡到 结束值// 关于自定义插值器我将在下节进行讲解// 下面看看ofInt()的源码分析 ->>关注1// 步骤2：设置动画的播放各种属性anim.setDuration(500);// 设置动画运行的时长
        anim.setStartDelay(500);// 设置动画延迟播放时间anim.setRepeatCount(0);// 设置动画重复播放次数 = 重放次数+1// 动画播放次数 = infinite时,动画无限重复
        anim.setRepeatMode(ValueAnimator.RESTART);// 设置重复播放动画模式// ValueAnimator.RESTART(默认):正序重放// ValueAnimator.REVERSE:倒序回放 // 步骤3：将改变的值手动赋值给对象的属性值：通过动画的更新监听器// 设置 值的更新监听器// 即：值每次改变、变化一次,该方法就会被调用一次anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {

                int currentValue = (Integer) animation.getAnimatedValue();// 获得改变后的值
                System.out.println(currentValue);// 输出改变后的值// 步骤4：将改变后的值赋给对象的属性值，下面会详细说明View.setproperty（currentValue）；       // 步骤5：刷新视图，即重新绘制，从而实现动画效果View.requestLayout();
                
                
            }
        });

        anim.start();// 启动动画}// 关注1：ofInt（）源码分析public static ValueAnimator ofInt(int... values) {// 允许传入一个或多个Int参数// 1. 输入一个的情况（如a）：从0过渡到a；// 2. 输入多个的情况（如a，b，c）：先从a平滑过渡到b，再从b平滑过渡到C
        ValueAnimator anim = new ValueAnimator();// 创建动画对象anim.setIntValues(values);// 将传入的值赋值给动画对象return anim;
    }

效果图

值从初始值过度到结束值的过程如下：

效果图

设置方法2：在XML 代码中设置
具备重用性，即将通用的动画写到XML里，可在各个界面中去重用它

步骤1：在路径 res/animator的文件夹里创建相应的动画 .xml文件

此处设置为res/animator/set_animation.xml

步骤2：设置动画参数

set_animation.xml

// ValueAnimator采用<animator>  标签<animator xmlns:android="http://schemas.android.com/apk/res/android"  
    android:valueFrom="0"   // 初始值android:valueTo="100"  // 结束值android:valueType="intType" // 变化值类型 ：floatType & intTypeandroid:duration="3000" // 动画持续时间（ms），必须设置，动画才有效果android:startOffset ="1000" // 动画延迟开始时间（ms）android:fillBefore = “true” // 动画播放完后，视图是否会停留在动画开始的状态，默认为trueandroid:fillAfter = “false” // 动画播放完后，视图是否会停留在动画结束的状态，优先于fillBefore值，默认为falseandroid:fillEnabled= “true” // 是否应用fillBefore值，对fillAfter值无影响，默认为trueandroid:repeatMode= “restart” // 选择重复播放动画模式，restart代表正序重放，reverse代表倒序回放，默认为restart|android:repeatCount = “0” // 重放次数（所以动画的播放次数=重放次数+1），为infinite时无限重复android:interpolator = @[package:]anim/interpolator_resource // 插值器，即影响动画的播放速度,下面会详细讲/>

步骤3：在Java代码中启动动画

Animator animator = AnimatorInflater.loadAnimator(context, R.animator.set_animation);  
// 载入XML动画animator.setTarget(view);  
// 设置动画对象animator.start();  
// 启动动画

效果图

效果同第一种方式是一样的。

实例说明

下面，我将结合 手动赋值给对象属性 这一步骤，从而实现一个完整的动画效果
实现的动画效果：按钮的宽度从 150px 放大到 500px

Button mButton = (Button) findViewById(R.id.Button);// 创建动画作用对象：此处以Button为例// 步骤1：设置属性数值的初始值 & 结束值ValueAnimator valueAnimator = ValueAnimator.ofInt(mButton.getLayoutParams().width, 500);// 初始值 = 当前按钮的宽度，此处在xml文件中设置为150// 结束值 = 500// ValueAnimator.ofInt()内置了整型估值器,直接采用默认的.不需要设置// 即默认设置了如何从初始值150 过渡到 结束值500// 步骤2：设置动画的播放各种属性valueAnimator.setDuration(2000);// 设置动画运行时长:1s// 步骤3：将属性数值手动赋值给对象的属性:此处是将 值 赋给 按钮的宽度// 设置更新监听器：即数值每次变化更新都会调用该方法valueAnimator.addUpdateListener(new AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animator) {

                int currentValue = (Integer) animator.getAnimatedValue();// 获得每次变化后的属性值System.out.println(currentValue);// 输出每次变化后的属性值进行查看mButton.getLayoutParams().width = currentValue;// 每次值变化时，将值手动赋值给对象的属性// 即将每次变化后的值 赋 给按钮的宽度，这样就实现了按钮宽度属性的动态变化// 步骤4：刷新视图，即重新绘制，从而实现动画效果mButton.requestLayout();
                
            }
        });

        valueAnimator.start();// 启动动画}

效果图

5.1.2 ValueAnimator.oFloat（float values）

作用：将初始值以浮点型数值的形式过渡到结束值
工作原理：

工作原理

具体使用：分为 XML 设置 / Java 代码设置

设置方法1：在 Java 代码中设置

ValueAnimator anim = ValueAnimator.ofFloat(0, 3);  
// 其他使用类似ValueAnimator.ofInt（int values），此处不作过多描述

设置方法2：在XML 代码中设置

步骤1：在路径 res/animator的文件夹里创建相应的动画.xml文件

此处设置为res/animator/set_animation.xml

步骤2：设置动画参数

set_animation.xml

// ValueAnimator采用<animator>  标签<animator xmlns:android="http://schemas.android.com/apk/res/android"  // 设置属性同上android:valueFrom="0"  
    android:valueTo="100"  
    android:valueType="intType"/>

步骤3：在Java代码中启动动画

Animator animator = AnimatorInflater.loadAnimator(context, R.animator.set_animation);  
// 载入XML动画animator.setTarget(view);  
// 设置动画对象animator.start();  
// 启动动画

效果图

从上面可以看出，ValueAnimator.ofInt（）与ValueAnimator.oFloat（）仅仅只是在估值器上的区别：（即如何从初始值过渡到结束值）

ValueAnimator.oFloat（）采用默认的浮点型估值器 (FloatEvaluator)
ValueAnimator.ofInt（）采用默认的整型估值器（IntEvaluator）

在使用上完全没有区别，此处对ValueAnimator.oFloat（）的使用就不作过多描述。

5.1.3 ValueAnimator.ofObject（）

作用：将初始值以对象的形式过渡到结束值

即通过操作对象实现动画效果

工作原理：

工作原理

具体使用：

// 创建初始动画时的对象  & 结束动画时的对象myObject object1 = new myObject();  
myObject object2 = new myObject();  

ValueAnimator anim = ValueAnimator.ofObject(new myObjectEvaluator(), object1, object2);  
// 创建动画对象 & 设置参数// 参数说明// 参数1：自定义的估值器对象（TypeEvaluator 类型参数） - 下面会详细介绍// 参数2：初始动画的对象// 参数3：结束动画的对象anim.setDuration(5000);  
anim.start();

在继续讲解ValueAnimator.ofObject（）的使用前，我先讲一下估值器（TypeEvaluator）

估值器（TypeEvaluator）介绍

作用：设置动画 如何从初始值过渡到结束值的逻辑

插值器（Interpolator）决定值的变化模式（匀速、加速blabla）
估值器（TypeEvaluator）决定值的具体变化数值

从5.1.2节可看到：

ValueAnimator.ofFloat（）实现了 **将初始值以浮点型的形式过渡到结束值 ** 的逻辑，那么这个过渡逻辑具体是怎么样的呢？
其实是系统内置了一个 FloatEvaluator估值器，内部实现了初始值与结束值以浮点型的过渡逻辑
我们来看一下 FloatEvaluator的代码实现：

public class FloatEvaluator implements TypeEvaluator {  
// FloatEvaluator实现了TypeEvaluator接口// 重写evaluate()public Object evaluate(float fraction, Object startValue, Object endValue) {  
// 参数说明// fraction：表示动画完成度（根据它来计算当前动画的值）// startValue、endValue：动画的初始值和结束值float startFloat = ((Number) startValue).floatValue();  
        
        return startFloat + fraction * (((Number) endValue).floatValue() - startFloat);  // 初始值 过渡 到结束值 的算法是：// 1. 用结束值减去初始值，算出它们之间的差值// 2. 用上述差值乘以fraction系数// 3. 再加上初始值，就得到当前动画的值}  
}

ValueAnimator.ofInt（） & ValueAnimator.ofFloat（）都具备系统内置的估值器，即FloatEvaluator & IntEvaluator

即系统已经默认实现了 如何从初始值过渡到结束值的逻辑

但对于ValueAnimator.ofObject（），从上面的工作原理可以看出并没有系统默认实现，因为对对象的动画操作复杂 & 多样，系统无法知道如何从初始对象过度到结束对象
因此，对于ValueAnimator.ofObject（），我们需自定义估值器（TypeEvaluator）来告知系统如何进行从初始对象过渡到结束对象的逻辑
自定义实现的逻辑如下

// 实现TypeEvaluator接口public class ObjectEvaluator implements TypeEvaluator{  

// 复写evaluate（）// 在evaluate（）里写入对象动画过渡的逻辑@Override  
    public Object evaluate(float fraction, Object startValue, Object endValue) {  // 参数说明// fraction：表示动画完成度（根据它来计算当前动画的值）// startValue、endValue：动画的初始值和结束值... // 写入对象动画过渡的逻辑
        return value;  // 返回对象动画过渡的逻辑计算后的值}

实例说明

下面我将用实例说明该如何自定义TypeEvaluator接口并通过ValueAnimator.ofObject（）实现动画效果
实现的动画效果：一个圆从一个点移动到另外一个点

效果图
工程目录文件如下：

工程目录

步骤1：定义对象类

因为ValueAnimator.ofObject（）是面向对象操作的，所以需要自定义对象类。
本例需要操作的对象是 圆的点坐标
Point.java

public class Point {// 设置两个变量用于记录坐标的位置private float x;
    private float y;// 构造方法用于设置坐标public Point(float x, float y) {
        this.x = x;
        this.y = y;
    }// get方法用于获取坐标public float getX() {
        return x;
    }

    public float getY() {
        return y;
    }
}

步骤2：根据需求实现TypeEvaluator接口

实现TypeEvaluator接口的目的是自定义如何从初始点坐标过渡到结束点坐标；
本例实现的是一个从左上角到右下角的坐标过渡逻辑。

效果图

PointEvaluator.java

// 实现TypeEvaluator接口public class PointEvaluator implements TypeEvaluator {// 复写evaluate（）// 在evaluate（）里写入对象动画过渡的逻辑@Override
    public Object evaluate(float fraction, Object startValue, Object endValue) {// 将动画初始值startValue 和 动画结束值endValue 强制类型转换成Point对象Point startPoint = (Point) startValue;
        Point endPoint = (Point) endValue;// 根据fraction来计算当前动画的x和y的值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;
    }

}

上面步骤是根据需求自定义TypeEvaluator的实现
下面将讲解如何通过对 Point 对象进行动画操作，从而实现整个自定义View的动画效果。

步骤3：将属性动画作用到自定义View当中

MyView.java

/**
 * Created by Carson_Ho on 17/4/18.
 */public class MyView extends View {// 设置需要用到的变量public static final float RADIUS = 70f;// 圆的半径 = 70private 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),半径 = 70float x = currentPoint.getX();
            float y = currentPoint.getY();
            canvas.drawCircle(x, y, RADIUS, mPaint); // (重点关注)将属性动画作用到View中// 步骤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);// 参数说明// 参数1：TypeEvaluator 类型参数 - 使用自定义的PointEvaluator(实现了TypeEvaluator接口)// 参数2：初始动画的对象点// 参数3：结束动画的对象点// 步骤3：设置动画参数anim.setDuration(5000);// 设置动画时长// 步骤3：通过 值 的更新监听器，将改变的对象手动赋值给当前对象// 此处是将 改变后的坐标值对象 赋给 当前的坐标值对象// 设置 值的更新监听器// 即每当坐标值（Point对象）更新一次,该方法就会被调用一次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 {// 如果坐标值不为0,则画圆// 所以坐标值每改变一次,就会调用onDraw()一次,就会画一次圆,从而实现动画效果// 在该点画一个圆:圆心 = (30,30),半径 = 30float x = currentPoint.getX();
            float y = currentPoint.getY();
            canvas.drawCircle(x, y, RADIUS, mPaint);
        }
    }


}

步骤4：在布局文件加入自定义View空间

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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="scut.carson_ho.valueanimator_ofobject.MainActivity">

    <scut.carson_ho.valueanimator_ofobject.MyView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
         />
</RelativeLayout>

步骤5：在主代码文件设置显示视图

MainActivity.java

public class MainActivity extends AppCompatActivity {

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

效果图

源码地址

Carson_Ho的Github地址：https://github.com/Carson-Ho/PropertyAnimator_ofObject

特别注意

从上面可以看出，其实ValueAnimator.ofObject（）的本质还是操作 ** 值 **，只是是采用将多个值封装到一个对象里的方式同时对多个值一起操作而已

就像上面的例子，本质还是操作坐标中的x，y两个值，只是将其封装到Point对象里，方便同时操作x，y两个值而已

至此，关于属性动画中最核心的 ValueAnimator类已经讲解完毕
下面我将继续讲解另外一个重要的类：ObjectAnimator类

5.2 ObjectAnimator类

5.2.1 实现动画的原理

直接对对象的属性值进行改变操作，从而实现动画效果

如直接改变 View的 alpha 属性从而实现透明度的动画效果
继承自ValueAnimator类，即底层的动画实现机制是基于ValueAnimator类

本质原理：通过不断控制值的变化，再不断自动赋给对象的属性，从而实现动画效果。如下图：

工作原理

从上面的工作原理可以看出：ObjectAnimator与 ValueAnimator类的区别：

ValueAnimator 类是先改变值，然后 手动赋值 给对象的属性从而实现动画；是间接对对象属性进行操作；
ObjectAnimator 类是先改变值，然后 自动赋值 给对象的属性从而实现动画；是直接对对象属性进行操作；

至于是如何自动赋值给对象的属性，下面会详细说明

5.2.2 具体使用

由于是继承了ValueAnimator类，所以使用的方法十分类似：XML 设置 / Java设置

设置方式1：Java 设置

ObjectAnimator animator = ObjectAnimator.ofFloat(Object object, String property, float ....values);  

// ofFloat()作用有两个// 1. 创建动画实例// 2. 参数设置：参数说明如下// Object object：需要操作的对象// String property：需要操作的对象的属性// float ....values：动画初始值 & 结束值（不固定长度）// 若是两个参数a,b，则动画效果则是从属性的a值到b值// 若是三个参数a,b,c，则则动画效果则是从属性的a值到b值再到c值// 以此类推// 至于如何从初始值 过渡到 结束值，同样是由估值器决定，此处ObjectAnimator.ofFloat（）是有系统内置的浮点型估值器FloatEvaluator，同ValueAnimator讲解anim.setDuration(500);// 设置动画运行的时长anim.setStartDelay(500);// 设置动画延迟播放时间anim.setRepeatCount(0);// 设置动画重复播放次数 = 重放次数+1// 动画播放次数 = infinite时,动画无限重复anim.setRepeatMode(ValueAnimator.RESTART);// 设置重复播放动画模式// ValueAnimator.RESTART(默认):正序重放// ValueAnimator.REVERSE:倒序回放animator.start();  
// 启动动画

设置方法2：在XML 代码中设置

步骤1：在路径 res/animator 的文件夹里创建动画效果.xml文件

此处设置为res/animator/set_animation.xml

步骤2：设置动画参数

set_animation.xml

// ObjectAnimator 采用<animator>  标签<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"  
    android:valueFrom="1"   // 初始值android:valueTo="0"  // 结束值android:valueType="floatType"  // 变化值类型 ：floatType & intTypeandroid:propertyName="alpha" // 对象变化的属性名称/>

在Java代码中启动动画

Animator animator = AnimatorInflater.loadAnimator(context, R.animator.view_animation);  
// 载入XML动画animator.setTarget(view);  
// 设置动画对象animator.start();  
// 启动动画

使用实例
此处先展示四种基本变换：平移、旋转、缩放 & 透明度

a. 透明度

mButton = (Button) findViewById(R.id.Button);// 创建动画作用对象：此处以Button为例ObjectAnimator animator = ObjectAnimator.ofFloat(mButton, "alpha", 1f, 0f, 1f);// 表示的是:// 动画作用对象是mButton// 动画作用的对象的属性是透明度alpha// 动画效果是:常规 - 全透明 - 常规animator.setDuration(5000);
        animator.start();

属性动画 - 透明度.gif

b. 旋转

mButton = (Button) findViewById(R.id.Button);// 创建动画作用对象：此处以Button为例

  ObjectAnimator animator = ObjectAnimator.ofFloat(mButton, "rotation", 0f, 360f);// 表示的是:// 动画作用对象是mButton// 动画作用的对象的属性是旋转alpha// 动画效果是:0 - 360animator.setDuration(5000);
        animator.start();

属性动画- 旋转.gif

c. 平移

mButton = (Button) findViewById(R.id.Button);// 创建动画作用对象：此处以Button为例

  float curTranslationX = mButton.getTranslationX();// 获得当前按钮的位置ObjectAnimator animator = ObjectAnimator.ofFloat(mButton, "translationX", curTranslationX, 300,curTranslationX);        // 表示的是:// 动画作用对象是mButton// 动画作用的对象的属性是X轴平移（在Y轴上平移同理，采用属性"translationY"// 动画效果是:从当前位置平移到 x=1500 再平移到初始位置animator.setDuration(5000);
        animator.start();

属性动画 - X轴平移.gif

d. 缩放

mButton = (Button) findViewById(R.id.Button);// 创建动画作用对象：此处以Button为例

  ObjectAnimator animator = ObjectAnimator.ofFloat(mButton, "scaleX", 1f, 3f, 1f);// 表示的是:// 动画作用对象是mButton// 动画作用的对象的属性是X轴缩放// 动画效果是:放大到3倍,再缩小到初始大小animator.setDuration(5000);
        animator.start();

属性动画 - 缩放.gif

在上面的讲解，我们使用了属性动画最基本的四种动画效果：透明度、平移、旋转 & 缩放

即在ObjectAnimator.ofFloat（）的第二个参数String property传入alpha、rotation、translationX 和 scaleY 等blabla

属性	作用	数值类型
Alpha	控制View的透明度	float
TranslationX	控制X方向的位移	float
TranslationY	控制Y方向的位移	float
ScaleX	控制X方向的缩放倍数	float
ScaleY	控制Y方向的缩放倍数	float
Rotation	控制以屏幕方向为轴的旋转度数	float
RotationX	控制以X轴为轴的旋转度数	float
RotationY	控制以Y轴为轴的旋转度数	float

问题：那么ofFloat()的第二个参数还能传入什么属性值呢？
答案：任意属性值。因为：

ObjectAnimator 类对对象属性值进行改变从而实现动画效果的本质是：通过不断控制值的变化，再不断自动赋给对象的属性，从而实现动画效果

工作原理

而 自动赋给对象的属性的本质是调用该对象属性的set（） & get（）方法进行赋值
所以，ObjectAnimator.ofFloat(Object object, String property, float ....values)的第二个参数传入值的作用是：让ObjectAnimator类根据传入的属性名去寻找该对象对应属性名的 set（） & get（）方法，从而进行对象属性值的赋值，如上面的例子：

ObjectAnimator animator = ObjectAnimator.ofFloat(mButton, "rotation", 0f, 360f);// 其实Button对象中并没有rotation这个属性值// ObjectAnimator并不是直接对我们传入的属性名进行操作// 而是根据传入的属性值"rotation" 去寻找对象对应属性名对应的get和set方法，从而通过set（） &  get（）对属性进行赋值// 因为Button对象中有rotation属性所对应的get & set方法// 所以传入的rotation属性是有效的// 所以才能对rotation这个属性进行操作赋值public void setRotation(float value);  
public float getRotation();  

// 实际上，这两个方法是由View对象提供的，所以任何继承自View的对象都具备这个属性

至于是如何进行自动赋值的，我们直接来看源码分析：

// 使用方法ObjectAnimator animator = ObjectAnimator.ofFloat(Object object, String property, float ....values);  
anim.setDuration(500);
animator.start();  
// 启动动画，源码分析就直接从start()开始<--  start()  -->
@Override  
public void start() {  
    AnimationHandler handler = sAnimationHandler.get();  

    if (handler != null) {  // 判断等待动画（Pending）中是否有和当前动画相同的动画，如果有就把相同的动画给取消掉 numAnims = handler.mPendingAnimations.size();  
        for (int i = numAnims - 1; i >= 0; i--) {  
            if (handler.mPendingAnimations.get(i) instanceof ObjectAnimator) {  
                ObjectAnimator anim = (ObjectAnimator) handler.mPendingAnimations.get(i);  
                if (anim.mAutoCancel && hasSameTargetAndProperties(anim)) {  
                    anim.cancel();  
                }  
            }  
        }  
      // 判断延迟动画（Delay）中是否有和当前动画相同的动画，如果有就把相同的动画给取消掉 numAnims = handler.mDelayedAnims.size();  
        for (int i = numAnims - 1; i >= 0; i--) {  
            if (handler.mDelayedAnims.get(i) instanceof ObjectAnimator) {  
                ObjectAnimator anim = (ObjectAnimator) handler.mDelayedAnims.get(i);  
                if (anim.mAutoCancel && hasSameTargetAndProperties(anim)) {  
                    anim.cancel();  
                }  
            }  
        }  
    }  
    
    super.start();  
   // 调用父类的start()
   // 因为ObjectAnimator类继承ValueAnimator类，所以调用的是ValueAnimator的star（）
   // 经过层层调用，最终会调用到 自动赋值给对象属性值的方法
   // 下面就直接看该部分的方法}  



<-- 自动赋值给对象属性值的逻辑方法 ->>// 步骤1：初始化动画值private void setupValue(Object target, Keyframe kf) {  
    if (mProperty != null) {  
        kf.setValue(mProperty.get(target));  // 初始化时，如果属性的初始值没有提供，则调用属性的get（）进行取值}  
        kf.setValue(mGetter.invoke(target));   
    }  
}  

// 步骤2：更新动画值// 当动画下一帧来时（即动画更新的时候），setAnimatedValue（）都会被调用void setAnimatedValue(Object target) {  
    if (mProperty != null) {  
        mProperty.set(target, getAnimatedValue());  // 内部调用对象该属性的set（）方法，从而从而将新的属性值设置给对象属性}  
    
}

自动赋值的逻辑：

初始化时，如果属性的初始值没有提供，则调用属性的 get（）进行取值；
当值变化时，用对象该属性的 set（）方法，从而从而将新的属性值设置给对象属性。

所以：

ObjectAnimator 类针对的是任意对象 & 任意属性值，并不是单单针对于View对象
如果需要采用ObjectAnimator 类实现动画效果，那么需要操作的对象就必须有该属性的set（） & get（）

同理，针对上述另外的三种基本动画效果，View 也存在着setRotation()、getRotation()、setTranslationX()、getTranslationX()、setScaleY()、getScaleY()等set（） & get（） 。

5.2.3 通过自定义对象属性实现动画效果

对于属性动画，其拓展性在于：不局限于系统限定的动画，可以自定义动画，即自定义对象的属性，并通过操作自定义的属性从而实现动画。

那么，该如何自定义属性呢？本质上，就是：

为对象设置需要操作属性的set（） & get（）方法
通过实现TypeEvaluator类从而定义属性变化的逻辑

类似于ValueAnimator的过程

下面，我将用一个实例来说明如何通过自定义属性实现动画效果

实现的动画效果：一个圆的颜色渐变

属性动画 - 颜色变化
自定义属性的逻辑如下：（需要自定义属性为圆的背景颜色）

自定义属性的逻辑

步骤1：设置对象类属性的set（） & get（）方法

设置对象类属性的set（） & get（）有两种方法：

通过继承原始类，直接给类加上该属性的 get（）& set（），从而实现给对象加上该属性的 get（）& set（）
通过包装原始动画对象，间接给对象加上该属性的 get（）&
set（）。即 用一个类来包装原始对象

此处主要使用第一种方式进行展示。

关于第二种方式的使用，会在下一节

Android 系统（196）---Android 属性动画

Android 属性动画 属性动画 总结&攻略

前言

目录

1. 属性动画出现的原因

1.1 背景

1.2 问题

1.3 问题

2. 简介

3. 特点

4. 工作原理

5. 具体使用

5.1 ValueAnimator类

5.1.1 ValueAnimator.ofInt（int values）

效果图

效果图

实例说明

5.1.2 ValueAnimator.oFloat（float values）

5.1.3 ValueAnimator.ofObject（）

实例说明

步骤1：定义对象类

步骤2：根据需求实现TypeEvaluator接口

步骤3：将属性动画作用到自定义View当中

步骤4：在布局文件加入自定义View空间

步骤5：在主代码文件设置显示视图

效果图

源码地址

特别注意

5.2 ObjectAnimator类

5.2.1 实现动画的原理

5.2.2 具体使用

a. 透明度

b. 旋转

c. 平移

d. 缩放

5.2.3 通过自定义对象属性实现动画效果

步骤1：设置对象类属性的set（） & get（）方法

Android 属性动画属性动画总结&攻略