Android 属性动画分析

由于Android 3.0之前已有的动画框架Animation存在一些局限性——动画改变的只是显示,并不能相应事件。因此,在Android 3.0 之后,Google就提出了属性动画这样一个新的动画框架,帮助开发者实现更加丰富的动画效果。

而在Animator框架中使用最多的是AnimatorSet和ObjectAnimator配合,使用ObjectAnimator进行更精细化控制,只控制一个对象一个属性值,而使用多个ObjectAnimator组合到AnimatorSet形成一个动画。而且ObjectAnimator能够自动驱动,可以调用setFarmeDelay(longframeDelay)设置动画帧之间的间隙时间,调整帧率,减少动画过程中频繁绘制界面,而在不影响动画效果的前提下减少CPU资源消耗。最重要要,属性动画通过调用属性的get、set方法来真实地控制一个View的属性值,因此强大的属性动画框架,基本可以实现所有的动画效果。

下面下来看看属性动画中最基础的ObjectAnimator。

● ObjectAnimator

ObjectAnimator是属性动画中最重要的实行类,创建一个ObjectAnimator只需要通过他的静态工厂类直接返回一个ObjectAnimator对象。参数包括一个对象和对象的属性名字,但这个属性必须有get和set函数,内部会通过Java反射机制来调用set函数修改对象属性值。同样,你也可以调用setInterpolator设置相应的差值器。下面这个小例子就完成了一和非常简单的平移动画,程序运行效果如图(1)所示,点击后平移效果如图(2)所示。

                                                                 图(1)属性动画——平移动画(前)

 

                                                             (2)属性动画——平移动画(后)

在前面的讲解中说到,以前的动画框架所产生的动画,并不能改变事件相应的位置,它只是单纯的修改了显示。如果使用旧的视图动画产生上面的效果,那么按钮的实际点击有效区依然在原来的地方,点击移动后的地方是不会有点击事件发生的。而属性动画则不同,由于它真实的地改变了一个View的属性,所以事件相应的区域也同样发生了改变,这时候点击移动后按钮,就会相应点击事件了。

讲了这么多,让我们来看看这个简单的平移动画是如何实现的。麻雀虽小五脏俱全,这个简单的例子基本上就涵盖了ObjectAnimator的所有知识:

                ObjectAnimator animator = ObjectAnimator.ofFloat(btn,"translationX",300);
                animator.setDuration(300);
                animator.start();

通过ObjectAnimator的静态工厂方法,创建一个ObjectAnimator对象。第一个参数自然是需要操纵的View,第二个参数则是要操纵的属性,而最后一个参数是一个可变数组参数,需要传进去该属性变化的一个取值过程,这里只设置一个参数,即变化到300。当然,与视图动画一样,也可以给属性动画显示时长、差值器等属性,这些参数与在视图动画中的设置方法类似。

不过,在使用ObjectAnimator的时候,有一点非常重要,那就是要操纵的属性必须具有get、set方法,不让ObjectAnimator就无法起效。下面就是一些常用的可以直接使用属性动画的属性值。

▶ translationX和translationY:这两个属性作为一种增量来控制View对象从它布局容左上角坐标开始的位置。

▶ rotation、rotationX和rotationY:这三个属性控制View对象围绕支点进行2D和3D旋转。

▶ scaleX和scaleY:这两个属性控制这View对象围绕它的支点进行2D缩放。

▶ pivotX和pivotY:这两个属性控制着View对象的支点位置,围绕这个支点进行旋转和缩放变换处理。默认情况下,该支点的位置就是View对象的中心点。

▶ x和y:这是两个简单实用的属性,它描述了Viwe对象在它的容器中的最终位置,他是最初的左上角坐标和translationX、translationY值的累计和。

▶ alpha:它表示View对象的alpha透明度。默认值时1(不透明),0代表完成透明(不可见)。

由以上可知,视图动画所实现的动画效果,在这里基本都已经包含了。

那么如果一个属性没有get、set方法,属性动画是不是就束手无策了呢?答案当然是否定的,Google在应用层提供了两种方案来解决这个问题,一是通过自定义一个属性类或者包装类,来间接地给这个属性增加get、set方法;或者通过ValueAnimator来实现,ValueAnimator在后面的内容中会讲到,这里先来看看如何使用包装类的方法给一个属性正在get、set方法,代码如下所示。

public class WrapperView {
    private View mTarget;
    public WrapperView(View target){
        mTarget = target;
    }
    public int getWidth(){
        return mTarget.getLayoutParams().width;
    }
    public void setWidth(int width){
        mTarget.getLayoutParams().width=width;
        mTarget.requestLayout();
    }
}

通过以上代码,就给一个属性包装了一层,并给它提供了get、set方法。使用时只需要操纵包装类就可以间接调用到get、set方法了,代码如下所示。

        WrapperView wrapperView = new WrapperView(btn);
        ObjectAnimator.ofInt(wrapperView,"width",500).setDuration(5000).start();

● PropertyValuesHolder

类似视图动画中的AnimationSet,在属性动画中,如果针对同一个对象的多个属性,要同时作用多个动画,可以使用PropertyValuesHolder来实现。比如举例的平移动画,如果需要在平移过程中,同时改变X、Y轴的缩放,可以这个实现,代码如下所示。

    PropertyValuesHolder propertyValuesHolder1 = PropertyValuesHolder.ofFloat("translationX",300f);
    PropertyValuesHolder propertyValuesHolder2 = PropertyValuesHolder.ofFloat("scaleX",1f,0,1f);
    PropertyValuesHolder propertyValuesHolder3 = PropertyValuesHolder.ofFloat("scaleY",1f,0,1f);
    ObjectAnimator.ofPropertyValuesHolder(btn,propertyValuesHolder1,propertyValuesHolder2,propertyValuesHolder3).setDuration(1000).start();

在代码中,分别使用PropertyValuesHolder对象来控制translationX、scaleX、scaleY这三个属性,最后调用ObjectAnimator.ofPropertyValuesHolder方法实现多属性动画共同作用,整个实现方法非常类似AnimationSer的使用。

● ValueAnimator

VaileAnimator在属性动画中占有非常重要的的地位,虽然不像ObjectAnimator那样耀眼,但它却是属性动画的核心所在,ObjectAnimator也是继承自ValueAnimator。

public final class ObjectAnimator extends ValueAnimator

ValueAnimator本身不提供任何动画效果,它更像一个数值发生器,用来产生具有一定规律的数字,从而让调用者来控制动画的实现过程,ValueAnimator的一般使用方法如下所示,通常情况下,在ValueAnimator的AnimatorUpdateListener中监听数值的变换,从而完成动画的变化。

    final ValueAnimator animator = ValueAnimator.ofFloat(0,100);
    animator.setTarget(view);
    animator.setDuration(1000).start();
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator valueAnimator) {
            Float value = valueAnimator.getAnimatedFraction();
        }
    });

● 动画事件的监听

一个完整的动画具有Start、Repeat、End、Cancel四个过程,通过Androd提供了接口,可以很方便地监听到这四个事件,代码如下所示。

        ObjectAnimator animator = ObjectAnimator.ofFloat(btn,"alpha",0.5f);
        animator.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {
                
            }

            @Override
            public void onAnimationEnd(Animator animator) {

            }

            @Override
            public void onAnimationCancel(Animator animator) {

            }

            @Override
            public void onAnimationRepeat(Animator animator) {

            }
        });

当然,大部分的时候,我们都只关心onAnimationEnd事件,所以Android也提供了一个AnimatorListenerAdapter来让我们选择必要的事件监听,代码如下所示。

        animator.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                super.onAnimationEnd(animation);
            }
        });

● AnimatorSeet

对于一个属性同时作用多个属性动画效果,前面已经用PropertyValuesHolder实现了这样的效果。而AnimatorSet不仅能实现这样的效果,同时也能实现更为精彩的顺序控制。同样是实现上面使用PropertyValuesHolder演示的那个动画效果,如果还是AnimatorSer来实现,那么代码如下所示。

                ObjectAnimator animator1 = ObjectAnimator.ofFloat(btn,"translationX",300f);
                ObjectAnimator animator2 = ObjectAnimator.ofFloat(btn,"scaleX",1f,0f,1f);
                ObjectAnimator animator3 = ObjectAnimator.ofFloat(btn,"scaleY",1f,0f,1f);
                AnimatorSet set = new AnimatorSet();
                set.setDuration(1000);
                set.playTogether(animator1,animator2,animator3);
                set.start();

在属性动画中,AnimatorSet正是通过playTogether()、playSequentially()、animSet.play().with()、defore()、after()这些方法来控制多个动画的协同工作方式,从而做的对动画播放顺序的精确控制。

● 在XML中使用属性动画

属性动画同视图动画一样,也可以直接写在XML文件中,代码如下所示。

<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:propertyName="scaleX"
    android:valueFrom="1.0"
    android:valueTo="2.0"
    android:valueType="floatType"
    >
</objectAnimator>

可以发现,属性动画视图动画在XML文件中的写法很相似。

在程序中使用XML定义的属性动画也非常简单,代码如下所示。

                Animator animator = AnimatorInflater.loadAnimator(ObjectAnimatorActivity.this,R.animator.scalex);
                animator.setTarget(mMv);
                animator.start();

● View的animate方法

在Android3.0之后,Goale给View增加了animate方法来直接去的属性动画,代码如下所示,可以发现,其实animate方法认为是属性动画的一种简写方式。

                btn.animate()
                        .alpha(0)
                        .y(300)
                        .setDuration(300)
                        .withStartAction(new Runnable() {
                            @Override
                            public void run() {
                                
                            }
                        }).start();

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值