从一个新的角度开始学习Android属性动画

最新推荐文章于 2024-01-25 19:42:09 发布

AxeChen.

最新推荐文章于 2024-01-25 19:42:09 发布

阅读量291

点赞数

分类专栏： android学习文章标签： android 属性动画动画

本文链接：https://blog.csdn.net/u011094054/article/details/74915013

版权

android学习专栏收录该内容

20 篇文章 0 订阅

订阅专栏

关于属性动画的博客。网上已经有很多了。我看的第一篇属性动画的博客就是鸿洋的博客：http://blog.csdn.net/lmj623565791/article/details/38067475
学习并应用之后，觉得收获颇丰，并写下一篇博客。
装逼如风，常伴我身

1、新的角度开始——改变ImageResource的例子

有一个这样的需求：用显示一个图片，两秒钟之后换成另一张图片。这种需求很简单，代码也非常简单：

    new Handler().postDelayed(new Runnable() {
          @Override
          public void run() {
               ivImg.setImageResource(R.drawable.f021);
          }
    }, 2000);

调用Handler的postDelayed，非常简单就实现了。
用属性动画的写法，运行发现效果是一样的：

    ObjectAnimator objectAnimator = ObjectAnimator.ofInt(ivImg, "ImageResource", R.drawable.love, R.drawable.f021);
    objectAnimator.setDuration(1000);
    objectAnimator.start();

效果如下：
图片改变的效果

如果从来没有用过属性动画，可能心里的想法是这样的。

还有这种操作？

属性动画（Property Animation）顾名思义就是通过动画的方式改变对象的属性了。既然是属性动画，那就不仅仅只平移、缩放等动画了。ImageResources也是ImageView的一个属性，当然可以用属性动画来改变的。
可以再来个例子，改变BackgroundColor属性：

    ObjectAnimator objectAnimator = ObjectAnimator.ofInt(ivImg, "BackgroundColor",getResources().getColor(R.color.colorAccent), 
getResources().getColor(R.color.colorPrimary));
    objectAnimator.setDuration(1000);
    objectAnimator.start();

效果如下：

从红色变为蓝色
为什么会有很多颜色的变化呢？
这个属性动画控制的属性值是：R.color.colorAccent到R.color.colorPrimary的变化。这个属性动画控制的属性是：BackgroundColor。通俗一点就是说，在1秒钟之内这个ImageView调用了很多次setBackgroundColor方法，传入的参数是R.color.colorAccent到R.color.colorPrimary变化的值。
所以：
就是有这种操作

2、基本用法

2.1 相关API

一些主要的执行类：
ObjectAnimator 动画的执行类，后面介绍。
ValueAnimator 动画的执行类，后面介绍。
TypeEvaluator 类型估值，后面的估值器会用到。
TimeInterpolator 时间插值，后面的插值器会用到。
AnimatorSet 多个动画，后面的多个动画会用到。
PropertyValuesHolder 属性值持有类，后面的多个动画会用到。

一些常用的方法：
setDuration()设置动画的持续时间，默认300ms。
start() 开始动画。
setRepeatCount()动画执行的次数
多个动画会用到一些表示动画执行次序的方法。
with() playTogether() 等。

一些常用的监听回调：
AnimatorUpdateListener ValueAnimator用来获取值的变化。
AnimatorListenerAdapter、AnimatorListener 动画状态的监听。

2.2 ObjectAnimator

ObjectAnimator是ValueAnimator的子类。在这里先介绍ObjectAnimator是因为ObjectAnimator实现起来比较简单，也比较容易明白。ValueAnimator会在后面介绍。

初始化一个动画
初始化一个ObjectAnimator的代码是：ObjectAnimator.ofxxx() 方法。xxx跟据需要改变属性值的类型来确定。改变的属性值为int类型，那么初始化时就是.ofInt()；改变的属性值为float类型，那么初始化时就是.ofFloat()；

例如上面写过的改变BackgroundColor的例子：
这个例子用的就是ofInt。如果换成ofFloat:

因为setBackgroundColor需要传入的参数为int类型，所以会报标红线。以上代码是能够编译通过的，只是执行没有任何效果。
错误的属性值

常用初始化ObjectAnimator的ofFloat()方法：

    public static ObjectAnimator ofFloat(Object target, String propertyName, float... values) {
        ObjectAnimator anim = new ObjectAnimator(target, propertyName);
        anim.setFloatValues(values);
        return anim;
    }

第一个参数target：传入需要动画的view。
第二个参数propertyName：属性的名称。比如平移translationX或者translationY；上面提到的背景BackgroundColor。传这个参数是有规定的。找到view的setXXX属性的方法，截取方法名set后面的一段就是propertyName。例如：设置View的水平平移属性方法是setTranslationX，那么这个propertyName就是translationX。

第三个参数float… values：这是一个不定参数，这里代表属性值的变化阶段。比如我传两个参数：0f，1f。那么变化值就是0f到1f。如果我传三个参数：0f，1f，2f那么变化值就是0f 到 1f 到 2f，以此类推。

实现一个基本动画的代码：

    ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(ivImg, "translationX", 0f, 400f);
    objectAnimator.setDuration(2000);
    objectAnimator.start();

2.3 ValueAnimator

初始化ValueAnimator也有很多.ofxxx的方法。但是这些方法明显要比ObjectAnimator少很多。
ValueAnimator的初始方法
同样看下ofFloat的方法，这里只需要传入一个不定参数values就行了：

   public static ValueAnimator ofFloat(float... values) {
        ValueAnimator anim = new ValueAnimator();
        anim.setFloatValues(values);
        return anim;
    }

初始化一个ValueAnimator：

   ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f,400f);
   valueAnimator.setDuration(1000);
   valueAnimator.setTarget(view); 
   valueAnimator.start();

和ObjectAnimator对比之后会发现，ValueAnimator没有设置需要操作的属性，也不提供类似setPopertyName()的方法。虽然提供了setTarget()的方法指定那个view进行动画，但是由于没有设置需要操作的属性，执行以上代码是不会有任何效果的。但是以上代码控制了值的变化，这里会控制值从0f到400f，只要拿到值变化的就可以控制view的属性值的变化了。用AnimatorUpdateListener来获取变化的值：

    ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f, 400f);
    valueAnimator.setDuration(1000);
    valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
         @Override
         public void onAnimationUpdate(ValueAnimator animation) {
                float value = (float) animation.getAnimatedValue();
                Log.i(TAG, value + "");
                view.setTranslationX(value);
          }
     });
     valueAnimator.start();

07-06 22:21:53.744 22054-22054/com.mg.axe.animation I/BasisAnimationView: 0.0
... ...  此次省略数条Log
07-06 22:21:54.747 22054-22054/com.mg.axe.animation I/BasisAnimationView: 400.0

animation.getAnimatedValue()这个方法可以获取到变化的值。
从log中也可以看到，在一秒钟之内，获取到的值从0f到400f。获取到变化的值之后调用view.setXXX来不停的改变view的属性。以上代码实现了平移到400f的效果。

2.4 多个动画

三种方法可以实现多个动画集合：

1、使用AnimatorSet

    ObjectAnimator translationX = ObjectAnimator.ofFloat(ivImg, "translationX", 0f, 400f);
    ObjectAnimator translationY = ObjectAnimator.ofFloat(ivImg, "translationY", 0f, 400f);
    AnimatorSet animatorSet = new AnimatorSet();
    animatorSet.play(translationX).with(translationY);
    animatorSet.setDuration(1000);
    animatorSet.start();

2、使用ObjectAnimator.ofPropertyValuesHolder

    PropertyValuesHolder translationX = PropertyValuesHolder.ofFloat("translationX", 0f, 400f);
    PropertyValuesHolder translationY = PropertyValuesHolder.ofFloat("translationY", 0f, 400f);
    ObjectAnimator animator = ObjectAnimator.ofPropertyValuesHolder(ivImg, translationX,translationY);
    animator.setDuration(1000);
    animator.start();

3、使用ValueAnimator

   ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f, 400f);
   valueAnimator.setDuration(1000);
   valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            float value = (float) animation.getAnimatedValue();
            ivImg.setTranslationX(value);
            ivImg.setTranslationY(value);
        }
   });
   valueAnimator.start();

这三种方法都是控制view向水平和垂直方向移动。相比较来说，使用ValueAnimator会更加灵活。

2.5 AnimatorListener 监听动画状态

属性动画的状态可以通过AnimatorListener接口来回调。

动画状态接口回调

AnimatorListener有四个需要实现的方法，代表动画不同状态的回调。
但是会遇到一种情况，我只需要知道动画的一个状态回调就行了，其他的三个状态没有必要。很显然AnimatorListener无法满足这个要求，这里需要AnimatorListenerAdapter。

AnimatorListenerAdapter

从源码可以看出，AnimatorListenerAdapter是一个抽象类，实现了AnimatorListener。当使用AnimatorListenerAdapter时，只要重写需要用到的方法就行了。

AnimatorListenerAdapter的使用

2.6 估值器 Evaluator

估值器就是动态干预属性变化的值：

 ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f, 400f);
        valueAnimator.setDuration(1000);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                float value = (float) animation.getAnimatedValue();
                Log.i(TAG, value + "");
                view.setTranslationX(value);
            }
        });
    valueAnimator.start();

以上属性动画值从0f到400f。 animation.getAnimatedValue()的值也是0f到400f之间的变化值。如果现在需要 animation.getAnimatedValue() 返回的值发生改变，这里就需要用到估值器了：

    ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f, 400f);
    valueAnimator.setDuration(1000);
    valueAnimator.setEvaluator(new TypeEvaluator<Float>() {
        @Override
        public Float evaluate(float fraction, Float startValue, Float endValue) {
            Log.i(TAG, "startValue:" + startValue);
            Log.i(TAG, "endValue:" + endValue);
            Log.i(TAG, "fraction:" + fraction);//o -1
            return fraction * endValue;
        }
    });
    valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                float value = (float) animation.getAnimatedValue();
                ivImg.setTranslationX(value);
            }
    });
   valueAnimator.start();

evaluate方法中的三个参数：
fraction： float值从0f-1f变化。这里会在1秒钟之内从0f到1f。
startValue和endValue就是ofFloat()传入的开始值：0f和结束值400f。
在evaluate方法中返回不同的值，在AnimatorUpdateListener中的 animation.getAnimatedValue()就会获取到不同的值。
总之，估值器是一个非常实用的工具，它可以动态干预属性值的变化。可以自定义估值器来应对不同的需求。

2.7 插值器 Interpolator

属性值从初始值过渡到结束值的变化率，比如说加速，减速等等。系统已经提供了一些插值器，也可以自定义插值器。
弹跳效果的插值器的效果：

        ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(ivImg, "translationX", 0f, 400f);
        objectAnimator.setDuration(1000);
        objectAnimator.setInterpolator(new BounceInterpolator());
        objectAnimator.start();

弹跳插值器

setInterpolator的方法：

@Override
    public void setInterpolator(TimeInterpolator value) {
        if (value != null) {
            mInterpolator = value;
        } else {
            mInterpolator = new LinearInterpolator();
        }
    }

TimeInterpolator是个接口，系统实现了很多插值器。

3、总结

这文主要介绍一些动画的基本用法，也是自己学习属性动画的一个笔记。关于自定义插值器和估值器，有时间在去研究再写博客。
贴上大牛博客的地址：
http://blog.csdn.net/lmj623565791/article/details/38067475
http://www.jianshu.com/p/2412d00a0ce4
最后：

AxeChen.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
从一个新的角度开始学习Android属性动画

关于属性动画的博客。网上已经有很多了。我看的第一篇属性动画的博客就是鸿洋的博客：http://blog.csdn.net/lmj623565791/article/details/38067475 我写的这篇是属性动画的基本用法，如果想看高级的属性动画博客：http://www.jianshu.com/p/2412d00a0ce4 1、改变ImageResource的例子有一个这样的需求：用显示
复制链接

扫一扫