你的位置:首页 > 操作系统

[操作系统]Android之属性动画(二)


  上一篇文章(链接:http://www.cnblogs.com/jerehedu/p/4458928.html  ),我们对属性动画有了简单的认识,并实际动手使用ObjectAnimator、AnimatorSet完了一个简单的例子,本次继续对剩余内容进行学习。

  首先让我们先来了解一下动画是如何计算的呢?从官方文档上我们可以看到下面这张图:

 

  图中描述了动画过程中相互工作的主要类,其中ValueAnimator对象可以记录动画时间轨迹。ValueAnimator中含有一个TimeInterpo;ator,此属性用于描述动画的时间插值;含有一个TypeEvaluator,此属性用于指定动画属性值是如何被计算出来的。

  创建一个ValueAnimator并启动动画后,ValueAnimator在动画运行期间会计算一个0到1的分数,这个分数用于表示整个动画运行的百分比。当ValueAnimator计算好一个运行分数后,会调用当前设置的TimeInterpolator去计算插值分数;插值分数计算好后,ValueAnimator调用TypeEvaluator根据插值分数计算属性的值。

  这里的ValueAnmiator就是我们在上一章中使用的ObjectAnimator的父类,需要注意的是ValueAnimator不会直接操作一个对象或者属性,也就意味着我们如果想使用ValueAnimator完成动画,就必须为ValueAnimator添加一个监听器:

        ValueAnimator animator = ValueAnimator.ofFloat(0.0f, 360f);        animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {          @Override          public void onAnimationUpdate(ValueAnimator animation) {            //当前动画进度            float curValue = (Float) animation.getAnimatedValue();            imageView.setRotationX(curValue);          }        });        animator.setDuration(4000);        animator.setInterpolator(new DecelerateInterpolator());        animator.start();

  效果图:

  当ValueAnimator的ofInt、ofFloat不能满足需求是,我们可以使用ofObject方法,这时候需要继承TypeEvaluaot<T>自定义即可。

  除了AnimatorUpdateListener之外,属性动画框架为我们提供了Animator.AnimatorListener监听器:

  Android提供了一个此监听器的默认实现AnimatorListenerAdapter,我们只需要继承此类即可,参考代码如下:

animator.addListener(new AnimatorListenerAdapter() {          @Override          public void onAnimationEnd(Animator animation) {            PropertyValuesHolder holderX =PropertyValuesHolder.ofFloat("translationX",0f,260f);            PropertyValuesHolder holderY=PropertyValuesHolder.ofFloat("translationY",0f,260f);            ObjectAnimator.ofPropertyValuesHolder(imageView,holderX,holderY)                .setDuration(4000)                .start();          }        });

  属性动画中常用的属性有:

TranslationX、TranslatioinY:相对于布局容器的左边和上边的坐标值

Rotation、rotationX、rotationY:旋转属性

scalX、scalY:缩放属性

pivotX、pivotY:设置旋转、缩放时的中心点

x、y:坐标

alpha:透明度

  和view动画一样,除了使用java代码完成动画外,我们同样可以使用

  Xml代码如下:

<set ="http://schemas.android.com/apk/res/android"  android:ordering="sequentially">  <set android:ordering="together">    <objectAnimator android:propertyName="translationX"      android:valueFrom="0"      android:valueTo="260"      android:duration="2000"      android:valueType="floatType"/>    <objectAnimator android:propertyName="translationY"      android:valueFrom="0"      android:valueTo="260"      android:valueType="floatType"      android:duration="2000"/>  </set>  <objectAnimator    android:propertyName="alpha"    android:valueFrom="1"    android:valueTo="0"    android:duration="2000"/></set>

  在java中使用:

AnimatorSet animatorSet = (AnimatorSet)AnimatorInflater.loadAnimator(this,R.animator.myanimator);        animatorSet.setTarget(imageView);        animatorSet.start();

 

  想要深入学习的同学,可以点击下载源码,查看更多详细内容!