Android动画学习之属性动画(Property Animator)-1、基础用法

标签: Android 属性动画 Animator Property
94人阅读 评论(0) 收藏 举报

经过前两章的学习,终于到了我们使用最多的属性动画了。属性动画是Android3.0(API 11)中引入的新的动画机制,相较于补间动画,它除了可以实现补间动画的所有效果外,还能实现补间动画无法做到的效果,比如我们现在要求一张图片背景色渐变,补间动画就无法完成,而使用属性动画就可以很简单的实现这个效果。另外补间动画只能作用在View上,而不能作用于非View的对象上,比如我们自定义一个View,此View的位置我们由Ponit类(包含x、y轴坐标信息),我们要求使用动画改变View的位置,就需要使用动画操作point对象,那么就只能使用属性动画来完成。对于补间动画来说,我们之前就已经讲过了,动画只会改变View的绘制位置而不会改变其真正属性,所以像触摸事件不会跟随动画移动,就会出现view平移后点击事件仍然留在原地的尴尬事情,而我们要介绍的属性动画就没有这个问题,因为是直接操作的View的属性,因此在其移动后,相应的事件也会随之移动。

属性动画中我们使用较多的两个类,一个是ValueAnimator,另一个是ObjectAnimator,其中后者继承前者,并且封装了许多常用操作,因此比前者更加易用。ValueAnimator的父类则是Animator,Animator还有一个常用子类是AnimatorSet(动画集合),这个我们也会在后面介绍。

ok,讲了这么多废话,都不如代码直观,下面我们就来讲解ValueAnimator、ObjectAnimator以及AnimatorSet的简单使用:

ValueAnimator

先上用法:

alphaValueAnimator = ValueAnimator.ofFloat(1.0f,0f);
alphaValueAnimator.setDuration(1000);
alphaValueAnimator.setRepeatCount(1);
alphaValueAnimator.setRepeatMode(ValueAnimator.REVERSE);
alphaValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
    ivContainer.setAlpha((float)animation.getAnimatedValue());
    }
    });

我们这里写了一个渐隐渐现的动画,动画透明度从1变到0,再从0变到1,然后结束。可以看到使用方法里和补间动画有很多相似的地方,例如设置动画时间(setDuration)、设置重复次数(setRepeatCount)、设置重复模式(setRepeatMode)等等。其中ValueAnimator的of…方法中,前者是动画初始值,后者是动画结束值,你也可以传多个参数,例如:

ValueAnimator.ofFloat(1.0f,0.5f,1f,0f);

就带便透明度从1变化为0.5再变化为1再变化为0的动画。

ValueAnimator支持的其他常用方法还有ofInt()、ofArgb()、ofObject()、ofPropertyValueHolder(),前两个方法使用和ofFloat大致类似,后两个方法我们留在后面在分析属性动画执行流程时会进行讲解。

需要注意的是addUpdateListenr方法,这个方法为动画执行加了坚听,我们可以在onAnimationUpdate方法中对我们要执行动画的对象进行更改。如果想观察动画执行过程的,可以在onAnimationUpdate方法中打印animation.getAnimatedValue的值查看变化过程,可以对ValueAnimator加深理解,我在这里就不再演示。如果我们用到了其他效果,可以相应在onAnimationUpdate方法中写下对应逻辑。用法比较简单,不多说。

下面是我们使用ValueAnimator实现的动画效果,如图:

ObjectAnimator

ObjectAnimator的使用就比上面的要简单的多,写法是这样的:

float translationX = ivContainer.getTranslationX();
translateObjectAnimator = ObjectAnimator.ofFloat(ivContainer,"translationY",translationX,translationX-200);
translateObjectAnimator.setRepeatCount(1);
translateObjectAnimator.setRepeatMode(ValueAnimator.REVERSE);
translateObjectAnimator.setDuration(1000);

上面的效果是将ImageView向上平移200像素再平移回原位置(如果不设置repeatCount则平移后会留在原位置,这里为了方便演示设置了1个重复次数并且设置重复方式为反转)。可以看出ObjectAnimator的使用要比他的父类简单许多,ofFloat方法中,第一个参数Target接受一个Object对象,这是动画执行的对象,第二个参数propertyName是动画执行过程选中要改变的对象中的值,注意这个属性名在响应的对象里必须有setter和getter方法,其余参数则是动画执行的初始值和结束值,其余与ValueAnimator类似。

我们在对view添加动画的时候,可以使用的PropertyName都有哪些,常用的有“translationY”、”rotation”、”tranlationX”、”alpha”、”scale”等等。

使用ObjectAnimator我们就不必再添加动画监听来设置给目标对象,在调用start()方法后内部会自动进行调用,后续我们会进行详细的分析。

执行效果如下图:

AnimatorSet(动画集合)

AnimatorSet也是继承于Animator,主要用于组合动画如同时播放两个动画,或者之后播放,提前播放动画、延迟播放等等,主要用到的方法有:

play(Animator anim)    //播放当前动画
after(Animator anim)   //将该动画插入原动画之前
after(long delay)    //将动画延迟相应毫秒
before(Animator anim)   //将该动画放入原动画
with(Animator anim)    //将该动画与原动画同时播放

上述方法返回的都是Animator.Builder对象,有了这些方法,我们对view进行组合操作如下:

animatorValueSet = new AnimatorSet();
animatorValueSet.play(alphaValueAnimator)
    .with(rotateValueAnimator)
    .before(scaleValueAnimator)
    .after(translateValueAnimator);

可以看到,该动画会先执行translateValueAnimator,然后同时执行alphaValueAnimator和rotateValueAnimator,最后执行scaleValueAnimator。

下面是分别使用ValueAnimator和ObjectAnimator来使用集合动画(其实没什么卵区别):

监听动画开始与结束

有时我们会有在动画结束或开始时执行某些方法的需求,这时候需要我们对动画进行监听。上面我们已经用过了监听动画状态更新的监听器,另外还有addListener和addPauseListener,分别监听动画的开始结束等状态和停止状态。

animatorObjectSet.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {
                //动画开始时调用
            }

            @Override
            public void onAnimationEnd(Animator animation) {
                //动画结束时调用
            }

            @Override
            public void onAnimationCancel(Animator animation) {
                //动画取消时调用
            }

            @Override
            public void onAnimationRepeat(Animator animation) {
                //动画重复执行时调用
            }
        });

我们可以在几个方法中来进行逻辑操作,有时候我们并不想监听这么多状态,那么就可以使用AnimatorListenerAdapter这个抽象类,该类实现了AnimatorListener和AnimatorPauseListener,我们可以按照自己需要来复写相应方法:

animatorObjectSet.addListener(new AnimatorListenerAdapter() {
        });

xml编写属性动画

我们知道,补间动画可以有两种形式来实现,一种是xml形式,另一种是代码形式。属性动画我们刚刚讲了代码的实现形式,那么它可不可以写进xml中呢,答案是肯定的。

属性动画所在的目录是res/animator下,如果res下没有animator,可以新建该目录,新建xml文件,其中我们可以使用的根节点有这么三个:

  • 相当于代码中的ValueAnimator
  • 相当于ObjectAnimator
  • 相当于AnimatorSet

我这里实现的效果是这样的:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:ordering="sequentially">
    <objectAnimator
        android:duration="1000"
        android:repeatCount="1"
        android:valueType="floatType"
        android:valueFrom="0"
        android:valueTo="-200"
        android:repeatMode="reverse"
        android:propertyName="translationY"/>
    <set android:ordering="together">
        <objectAnimator
            android:duration="1000"
            android:repeatCount="1"
            android:valueType="floatType"
            android:valueFrom="1.0"
            android:valueTo="0"
            android:repeatMode="reverse"
            android:propertyName="alpha"/>


        <objectAnimator
            android:duration="1000"
            android:repeatCount="1"
            android:valueType="floatType"
            android:valueFrom="0"
            android:valueTo="-180"
            android:repeatMode="reverse"
            android:propertyName="rotation"/>
    </set>

    <objectAnimator
        android:duration="1000"
        android:repeatCount="1"
        android:valueType="floatType"
        android:valueFrom="1"
        android:valueTo="1.5"
        android:repeatMode="reverse"
        android:propertyName="scaleY"/>
</set>

实现的效果和Java代码一样,需要注意set的属性ordering,together为同时执行,sequentially为顺序执行。

在程序中调用这个动画的方法是:

/**
 * xml实现动画
 */
protected void xmlAnimatorTest (View view) {
    Animator animator = AnimatorInflater.loadAnimator(this,R.animator.animator_test);
    animator.setTarget(ivContainer);
    animator.start();
}

实现的效果如图所示:

ok,到这里属性动画的基本用法就讲完了,接下来将会介绍Animator的底层实现和一些高级用法以及酷炫的动画特效,代码地址依然是:github,欢迎查看。

也欢迎来我的博客来探讨相关技术~

enjoy~

查看评论

Android 动画系列之属性(Property)动画详解

> 转载请标明出处: [http://blog.csdn.net/airsaid/article/details/52074566](http://blog.csdn.net/airsaid/arti...
  • Airsaid
  • Airsaid
  • 2016-07-30 19:39:25
  • 3545

Android 属性动画(Property Animation) 完全解析 (下)

上一篇Android 属性动画(Property Animation) 完全解析 (上)已经基本展示了属性动画的核心用法:ObjectAnimator实现动画,ValueAnimator实现动画,An...
  • lmj623565791
  • lmj623565791
  • 2014-07-26 09:14:19
  • 95465

Android属性动画Property Animation系列三之LayoutTransition(布局容器动画)

在上一篇中我们学习了属性动画的ObjectAnimator使用,不了解的可以看看 Android属性动画Property Animation系列一之ObjectAnimator。这一篇我们来学点新的东...
  • feidu804677682
  • feidu804677682
  • 2015-05-25 10:57:07
  • 7054

Android动画框架(二)----属性动画

Android提供三种形式动画:视图动画,帧动画,属性动画。其中属性动画的功能最强大,在Android 3.0中开始引入。本文介绍属性动画。属性动画可以针对Object的任何一个属性实施动画,并且Ob...
  • fishle123
  • fishle123
  • 2016-02-20 20:20:40
  • 3720

Android属性动画之XML定义方式

前面我们讲到的属性动画都是使用代码的定义方式:Android属性动画之ValueAnimator和Android属性动画之ObjectAnimator和AnimatorSet,下面我们再来看看使用XM...
  • hp910315
  • hp910315
  • 2015-10-16 11:22:50
  • 5179

笔记16 Animator 安卓属性动画 三种实现方式及监听事件实现

package test.ban.com.test; import android.animation.Animator; import android.animation.AnimatorList...
  • u010566681
  • u010566681
  • 2016-08-12 15:59:33
  • 1409

Android Property Animation属性动画初识:位移translation(3)

 Android Property Animation属性动画初识:位移translation(3) 和附录的文章1,2相仿,本文介绍常见的位移动画(水平位移或垂直位移)在Android Pr...
  • zhangphil
  • zhangphil
  • 2016-01-11 11:23:08
  • 7047

Android Property Animation属性动画初识:透明渐变(1)

 Android Property Animation属性动画初识:透明渐变(1) Android Property Animation是Android从3.0以后引入的更为强大、完备和便捷的...
  • zhangphil
  • zhangphil
  • 2016-01-08 17:09:33
  • 9120

Android 利用属性动画结合贝塞尔曲线方程编写好看的动画.

研究一下贝塞尔曲线. /** * 贝塞尔方程 */ private class BeizerEvaluator implements TypeEvaluator { ...
  • u010316858
  • u010316858
  • 2015-07-15 14:35:33
  • 4302

Android Property Animation属性动画:rotation旋转(2)

 Android Property Animation属性动画:rotation旋转(2) 附录的文章1,说明了如何简单的实现一个Android的属性动画Property Animation渐...
  • zhangphil
  • zhangphil
  • 2016-01-11 10:50:39
  • 16121
    个人资料
    等级:
    访问量: 7126
    积分: 223
    排名: 36万+
    文章分类
    文章存档
    最新评论