android属性动画

参考:Android 属性动画：这是一篇很详细的 属性动画 总结&攻略
如果想深入学习属性动画建议去看原帖，我写的只是我理解的一些内容，没有原帖全

普通动画只是改变视觉效果，没有改变属性
属性动画就是不断修改一些属性得到的动画

ValueAnimator类

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

ValueAnimator.ofInt(int values)

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

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

textView = (TextView) findViewById(R.id.tv_hello);
// 创建动画作用对象：此处以Button为例
// 步骤1：设置属性数值的初始值 & 结束值
ValueAnimator valueAnimator = ValueAnimator.ofInt(textView.getLayoutParams().width, 500);
// ofInt（）作用有两个
// 1. 创建动画实例
// 2. 将传入的多个Int参数进行平滑过渡:此处传入0和1,表示将值从0平滑过渡到1
// 如果传入了3个Int参数 a,b,c ,则是先从a平滑过渡到b,再从b平滑过渡到C，以此类推
// ValueAnimator.ofInt()内置了整型估值器,直接采用默认的.不需要设置，即默认设置了如何从初始值 过渡到 结束值
// 初始值 = 当前按钮的宽度
// 结束值 = 500
// 即默认设置了如何从初始值150 过渡到 结束值500

// 步骤2：设置动画的播放各种属性
valueAnimator.setDuration(2000);
// 设置动画运行的时长2s
valueAnimator.setStartDelay(0);
// 设置动画延迟播放时间
valueAnimator.setRepeatCount(3);
// 设置动画重复播放次数 = 重放次数+1
// 动画播放次数 = infinite时,动画无限重复
valueAnimator.setRepeatMode(ValueAnimator.REVERSE);
// 设置重复播放动画模式
// ValueAnimator.RESTART(默认):正序重放
// ValueAnimator.REVERSE:倒序回放
// 步骤3：将改变的值手动赋值给对象的属性值：通过动画的更新监听器
// 设置 值的更新监听器
// 即：值每次改变、变化一次,该方法就会被调用一次
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animator) {
        int currentValue = (Integer) animator.getAnimatedValue();
        // 获得每次变化后的属性值
        textView.getLayoutParams().width = currentValue;
        // 每次值变化时，将值手动赋值给对象的属性
        // 即将每次变化后的值 赋 给按钮的宽度，这样就实现了按钮宽度属性的动态变化
        // 步骤4：刷新视图，即重新绘制，从而实现动画效果
        textView.requestLayout();
    }
});
valueAnimator.start();
// 启动动画

• 也就是一个在一定时间内变化的整数，使用addUpdateListener监听这个整数变化从而根据这个值进行不同的操作
• 使用了默认的估值器，估值器是在不同的时间返回不同的值，默认估值器的值是匀速变化
• 上面把每次更新的值通过改变textview的形式展现出来

ValueAnimator.ofFloat(float values)

• 和ofInt一样，只不过参数类型成了float
• ValueAnimator.oFloat（）采用默认的浮点型估值器 (FloatEvaluator)
• ValueAnimator.ofInt（）采用默认的整型估值器（IntEvaluator）
  在使用上完全没有区别，此处对ValueAnimator.oFloat（）的使用就不作过多描述。

ValueAnimator.ofObject

先说说动画中很重要的两个概念
插值器和估值器 插值器和估值器详解

• 总的来说插值器就是给当时间进行到百分之多少的时候动画执行百分之多少
• 估值器是给你初始值和结束值还有动画执行百分比，返回这个百分比下应该取什么值

ValueAnimator.ofObject需要重写一个估值器

1. 先设置一个装值的类Point.java

   public class Point {
       private float x;
       private float y;
   
       @Override
       public String toString() {
           return "Point{" +
                   "x=" + x +
                   ", y=" + y +
                   '}';
       }
       public Point(float x, float y) {
           this.x = x;
           this.y = y;
       }
       public float getX() {
           return x;
       }
       public float getY() {
           return y;
       }
   }

2. 写一个估值器

   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对象中并返回
           return new Point(x, y);
       }
   }

• 这个估值器匀速改变x和y的值

3. 调用

   ValueAnimator anim = ValueAnimator.ofObject(new PointEvaluator(), new Point(0,0), new Point(100,100));
   anim.setDuration(5000);
   anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
       @Override
       public void onAnimationUpdate(ValueAnimator animation) {
           Point currentPoint = (Point) animation.getAnimatedValue();
           Log.d(TAG, "onAnimationUpdate: "+currentPoint);
       }
   });
   anim.start();

其他方法和上面一样

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

ObjectAnimator类

实现动画的原理

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

• 如直接改变 View的 alpha 属性 从而实现透明度的动画效果

• 继承自ValueAnimator类，即底层的动画实现机制是基于ValueAnimator类

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

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

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();
// 启动动画

例子

//透明度
textView = (TextView) findViewById(R.id.tv_hello);
ObjectAnimator animator = ObjectAnimator.ofFloat(textView, "alpha", 1f, 0f, 1f);
// 表示的是:
// 动画作用对象是mButton
// 动画作用的对象的属性是透明度alpha
// 动画效果是:常规 - 全透明 - 常规
animator.setDuration(5000);
animator.start();

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

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

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

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

ObjectAnimator自定义属性值

• 其实每一个属性都是对应的set和get方法，ObjectAnimator每次都会对被动画对象的set和get方法进行赋值，比如修改”color”属性，那么对象就有setColor和getColor方法

1. 自定义一个类,写一个set方法
   MyView.java

   public class MyView{
       private static final String TAG = "myView";
       public void setAa(String color) {
           Log.d(TAG, "setAa: "+color);
       }
   }

2. 写一个估值器,重写evaluate方法

   class MyEvaluator implements TypeEvaluator {
       @Override
       public String evaluate(float fraction, Object startValue, Object endValue) {
           return "s"+fraction;
       }
   }

3. 调用

   MyView textView = new MyView();
   ObjectAnimator animator = ObjectAnimator.ofObject(textView, "aa", new MyEvaluator(),
           "", "");
   animator.setDuration(5000);
   animator.start();

• 注意ObjectAnimator.ofObject第二个参数除了第一个字母可以忽略大小写，后面的字母一定要和set方法的大小写对应

额外的使用方法

组合动画AnimatorSet

AnimatorSet.play(Animator anim)   //：播放当前动画
AnimatorSet.after(long delay)   //：将现有动画延迟x毫秒后执行
AnimatorSet.with(Animator anim)   //：将现有动画和传入的动画同时执行
AnimatorSet.after(Animator anim)   //：将现有动画插入到传入的动画之后执行
AnimatorSet.before(Animator anim) //：  将现有动画插入到传入的动画之前执行

例子

// 步骤1：设置需要组合的动画效果
ObjectAnimator translation = ObjectAnimator.ofFloat(mButton, "translationX", curTranslationX, 300,curTranslationX);
// 平移动画
ObjectAnimator rotate = ObjectAnimator.ofFloat(mButton, "rotation", 0f, 360f);
// 旋转动画
ObjectAnimator alpha = ObjectAnimator.ofFloat(mButton, "alpha", 1f, 0f, 1f);
// 透明度动画
// 步骤2：创建组合动画的对象
AnimatorSet animSet = new AnimatorSet();
// 步骤3：根据需求组合动画
animSet.play(translation).with(rotate).before(alpha);
animSet.setDuration(5000);
// 步骤4：启动动画
animSet.start();

• 实现效果是平移动画和旋转动画同时进行，他们结束后执行透明度动画

ViewPropertyAnimator

• 从上面可以看出，属性动画的本质是对值操作
• 但Java是面向对象的，所以 Google 团队添加面向对象操作的属性动画使用 - ViewPropertyAnimator类

// 使用解析
View.animate().xxx().xxx();
// ViewPropertyAnimator的功能建立在animate()上
// 调用animate()方法返回值是一个ViewPropertyAnimator对象,之后的调用的所有方法都是通过该实例完成
// 调用该实例的各种方法来实现动画效果
// ViewPropertyAnimator所有接口方法都使用连缀语法来设计，每个方法的返回值都是它自身的实例
// 因此调用完一个方法后可直接连缀调用另一方法,即可通过一行代码就完成所有动画效果

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

mButton.animate().alpha(0f);
// 单个动画设置:将按钮变成透明状态
mButton.animate().alpha(0f).setDuration(5000).setInterpolator(new BounceInterpolator());
// 单个动画效果设置 & 参数设置
mButton.animate().alpha(0f).x(500).y(500);
// 组合动画:将按钮变成透明状态再移动到(500,500)处

// 特别注意:
// 动画自动启动,无需调用start()方法.因为新的接口中使用了隐式启动动画的功能，只要我们将动画定义完成后，动画就会自动启动
// 该机制对于组合动画也同样有效，只要不断地连缀新的方法，那么动画就不会立刻执行，等到所有在ViewPropertyAnimator上设置的方法都执行完毕后，动画就会自动启动
// 如果不想使用这一默认机制，也可以显式地调用start()方法来启动动画

监听动画

Animation.addListener(new AnimatorListener() {
    @Override
    public void onAnimationStart(Animation animation) {
      //动画开始时执行
    }

    @Override
    public void onAnimationRepeat(Animation animation) {
      //动画重复时执行
    }

    @Override
    public void onAnimationCancel()(Animation animation) {
      //动画取消时执行
    }

    @Override
    public void onAnimationEnd(Animation animation) {
      //动画结束时执行
    }
});

// 特别注意：每次监听必须4个方法都重写。

动画适配器

• 背景：有些时候我们并不需要监听动画的所有时刻
• 问题：但addListener(new AnimatorListener())监听器是必须重写4个时刻方法，这使得接口方法重写太累赘
• 解决方案：采用动画适配器（AnimatorListenerAdapter），解决
• 实现接口繁琐 的问题

  anim.addListener(new AnimatorListenerAdapter() {
  // 向addListener()方法中传入适配器对象AnimatorListenerAdapter()
  // 由于AnimatorListenerAdapter中已经实现好每个接口
  // 所以这里不实现全部方法也不会报错
      @Override
      public void onAnimationStart(Animator animation) {
      // 如想只想监听动画开始时刻，就只需要单独重写该方法就可以
      }
  });

作者：Carson_Ho
链接：https://www.jianshu.com/p/2412d00a0ce4
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。