Android动画基础详析 | 属性动画基础及ValueAnimator

2019-09-30 16:52:10 浏览数 (1)

为什么要引入属性动画

  • 逐帧动画主要是用来实现动画的， 而补间动画才能实现控件的渐入渐出、移动、旋转和缩放效果； 属性动画是在Android 3.0时才引入的，之前是没有的。

既然补间动画和逐帧动画已经很全了，为什么还要引入属性动画呢？

  • 假设：如何利用补间动画来将一个控件的背景色在1分钟内从绿色变为红色？ 这个效果是没办法仅仅通过改变控件的渐入渐出、移动、旋转和缩放来实现的， 但却可以通过属性动画完美地实现。 这就是要引入属性动画的第一个原因： 属性动画是为了弥补视图动画的不足而设计的， 能够实现补间动画无法实现的功能。
  • 补间动画和逐帧动画统称为视图动画， 从字面意思中可以看出， 这**两个动画**只能对**派生自View类**的**控件实例**起作用；

而属性动画，

从名字中可看出它是**作用于控件属性**的。

正因为属性动画能够只针对控件的某一个属性来做动画，

所以造就了它能单独改变控件某一个属性的值，比如颜色。

这就是**属性动画**能实现**补间动画**无法实现的功能的**最重要**的原因。

  • 视图动画仅能对指定的View实例控件做动画， 而**属性动画**是通过改变**控件**的**某一属性值**来做动画的。

我们准备一个button和一个TextView， 首先给TextView控件添加了单击响应事件， 当单击该TextView时，会弹出Toast提示； 然后， 在单击按钮的时候，TextView控件开始向右下角移动。 从结果中可以看出， 在移动前，单击TextView控件是可以弹出Toast提示的； 而在移动后，单击TextView控件则没有响应， 相反，单击TextView控件原来所在的区域会弹出Toast提示。 这就说明补间动画虽然能对控件做动画， 但是并没有改变控件内部的属性值。

视图动画与属性动画的区别

  • 1.操作对象
代码语言：txt复制
- 视图动画只能操作视图对象（各种组件、各种View、ViewGroup）；
-  属性动画可以操作任意对象（除了View，还可以是基本类型数据等）；
代码语言：txt复制
    - 动画系统本质：给定一个初始值和一个终止值， 令对象从初始值到终止值做一个平滑的变化（变化过程可以变速、匀速、不规则速度）属性的改变视图动画没有对属性做真正的改变，只是做出动画效果而已；
（位移动画后View的响应区没有改变；缩放动画结束后获取View的长宽其值亦没有改变）属性动画能够做真正的属性改变； 视图动画实现的效果，属性动画都能实现；

从直观上来看，视图动画与属性动画有如下三点不同。 （1）引入时间不同：View Animation是在API Level 1时引入的；而Property Animation是在API Level 11时引入的，即从Android 3.0才开始有与Property Animation相关的API。 （2）所在包名不同：View Animation API在android.view.animation 包中，而Property Animation API在android.animation包中。 （3）动画类的命名不同：View Animation中的动画类命名都是XXXXAnimation，而Property Animation中的动画类命名都是XXXXAnimator。

动画属性

  • 1 时长
  • 2 时间插值器
  • 3 重复次数以及重复模式
  • 4 动画集
  • 5 延迟
代码语言：txt复制
- 属性动画干的事情，就是在一段时间内让属性值不断地做变化； （变化过程可以变速、匀速、不规则速度），
 一系列的属性改变即成就了一个动画；属性动画相关的类，
都被定义在了android.animation包当中，
包中有一个抽象类Animator，
它包含了以上提到的五个属性的相关方法；动画对象都是可悲开始、可被暂停、可被监听的；Animator的子类
代码语言：txt复制
- ValueAnimator  控制值的变化； 属性动画干的事情，就是在一段时间内让

ValueAnimator

在上篇博客Android动画基础详析 | 概述、逐帧动画、视图动画（附诸多实际运行效果动图）的基础上我们新建一个property包和一个PropertyActivity：

activity_property.xml:

代码语言：javascript复制
<?xml version="1.0" encoding="utf-8"?>
<RealativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".property.PropertyActivity">

    <Button
        android:id="@ id/btnValueAnimator"
        android:text="Go"
        android:onClick="onClick"
        android:layout_width = "match_parent"
        android:layout_height= "wrap_content"/> 

</RealativeLayout>

PropertyActivity.java：

代码语言：javascript复制
public class PropertyActivity extends AppCompatActivity {

    private static final String TAG = "PropertyActivity";

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

    public void onClick(View view){
        switch (view.getId()){
            case R.id.btnValueAnimator:
                ValueAnimator valueAnimator = ValueAnimator.ofInt(0,100);//ValueAnimator的正态方法ofInt，驱动整型数值
                valueAnimator.setDuration(100);//设置时长
                //设置属性刷新监听器
                valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                    @Override
                    public void onAnimationUpdate(ValueAnimator animation) {
                        //通过animation对象可以获取诸多动画相关属性

                        //获取当前的动画变化完成度，范围 0.0 - 1.0，0.0表示刚开始， 1.0表示完成
                        float animatedFracion = animation.getAnimatedFraction();
                        //获取当前状态基于正态方法的始末参数间的插值，强制转换的类型就看正态方法的数据类型；
                        int animatedValue = (int)animation.getAnimatedValue();
                        //打印这两个参数，其中%.3f即保留小数点后三位
                        Log.d(TAG, "onAnimationUpdate: "
                                  String.format("%.3f %d", animatedFracion,animatedValue));
                    }
                });
                valueAnimator.start();//开始动画
                break;
        }
    }
}

运行代码：

第一列数据是动画变化完成度，第二列数据是插值，

我们可以看到打印出来的值并不是线性的，???

因为ValueAnimator默认的插值器不是匀速的；???

下面给ValueAnimator设置插值器即可：

代码语言：javascript复制
...
valueAnimator.setDuration(100);//设置时长
                valueAnimator.setInterpolator(new LinearInterpolator());//设置插值器
                //设置属性刷新监听器
...

ValueAnimator的简单使用案例

  • ValueAnimator.ofFloat（0f，400f，50f，300f） 构造了一个比较复杂的动画渐变， 值从0变到400，再回到50，最后变成300， 通过getAnimatedValue（）函数来获取当前运动点的值， 在得到当前运动点的值以后， 通过layout（）函数将TextView移动到指定位置即可

  • ValueAnimator只负责对指定值区间进行动画运算； 我们需要对运算过程进行监听，然后自己对控件执行动画操作。
  • ofInt（）与ofFloat（）的唯一区别就是传入的数值类型不一样，ofInt（）函数需要传入Integer类型的参数，而ofFloat（）函数则需要传入Float类型的参数。

它们的参数类型都是可变长参数，所以我们可以传入任何数量的值；

传进去的值列表就表示动画时的变化范围，

比如ofInt（2，90，45）就表示从数字2变化到数字90再变化到数字45，

所以我们传进去的数字越多，

动画变化就越复杂。

  • 为什么通过getAnimatedValue()函数来获取当前valueAnimator产生的值的时候，需要转换成Integer/Float类型？

getAnimatedValue()函数的声明Object getAnimatedValue(); 它返回的是Object原始类型， 那我们怎么知道要将它转换成什么类型呢？ 注意， 如果我们在设定动画初始值时使用的是ofFloat()函数， 则每个值的类型必定是Float类型， 我们获取到的类型也必然是Float类型。 同样，如果我们使用ofInt()函数设定动画初始值， 那么通过getAnimatedValue()函数获取到的值 就应该转换为Integer类型。

常用函数汇总
  • setRepeatCount（int value）函数用于设置动画循环次数， 设置为0表示不循环， 设置为ValueAnimation.INFINITE表示无限循环。
  • cancel（）函数用于取消动画。
  • setRepeatMode（int value）函数用于设置循环模式， 当取值为ValueAnimation.RESTART时，表示正序重新开始； 当取值为ValueAnimation.REVERSE时，表示倒序重新开始。
  • 注意：重复次数为INFINITE（无限循环）的动画， 当Activity结束的时候，必须调用cancel（）函数取消动画， 否则动画将无限循环，从而导致View无法释放， 进一步导致整个Activity无法释放，最终引起内存泄漏。
监听器
  • animator.addUpdateListener，用于监听动画过程中值的实时变化。

其实在ValueAnimator中，共有两个监听器：

  • 当动画开始时，会通过onAnimationStart（）函数返回； 在每一次重复时，都会调用一次onAnimationRepeat（）函数； 在调用cancel（）函数取消动画时，会通过onAnimationCancel（）函数返回； 在动画终止时，会调用onAnimationEnd（）函数通知用户；
移除监听器
  • removeListener（AnimatorListener listener）函数 用于在Animator中移除指定的监听器；
  • removeAllListeners（）函数 用于移除Animator中所有的监听器。
其他函数
  • setStartDelay（long startDelay）函数非常容易理解，就是设置延时多久后动画开始。
  • clone()函数就是复制出来一个完全一样的新的ValueAnimator实例， 对原来的ValueAnimator是怎么处理的， 在这个新的实例中也采用相同的处理方式；

至此，补充一个实战： 自定义View实战 | 弹跳的loading效果 一个主要是由ValueAnimator实现的自定义View

  • 本文内容参考自 慕课网. 就业班
  • 以及《Android自定义控件开发入门与实战》
textview css api android 编程算法

0 人点赞