导航

Android_属性动画

Posted on 2017-06-16 00:28  Young哥哥  阅读(34)  评论(0)    收藏  举报
       Android提供了几种动画类型:View Animation 、Drawable Animation 、Property Animation 。View Animation相当简单,不过只能支持简单的缩放、平移、旋转、透明度基本的动画,且有一定的局限性。比如:你希望View有一个颜色的切换动画;你希望可以使用3D旋转动画;你希望当动画停止时,View的位置就是当前的位置;这些View Animation都无法做到。这就是Property Animation产生的原因。
 
      首先我们要先了解关于View在3.0之后引入的几个新的属性,并设置了其getter和setter方法:
 
1)translationX 和 translationY:这两个属性控制了View所处的位置,它们的值是由layout容器设置的,是相对于坐标原点(0,0左上角)的一个偏移量。
 
2)rotation, rotationX 和 rotationY:控制View绕着轴点(pivotX和pivotY)旋转。
 
3)scaleX 和 scaleY:控制View基于pivotX和pivotY的缩放。
 
4)pivotX 和 pivotY:旋转的轴点和缩放的基准点,默认是View的中心点。
 
5)x 和 y:描述了view在其父容器中的最终位置,是左上角左标和偏移量(translationX,translationY)的和。
 
6)alpha:透明度,1是完全不透明,0是完全透明。
 

对于ObjectAnimator

1、提供了ofInt、ofFloat、ofObject,这几个方法都是设置动画作用的元素、作用的属性、动画开始、结束、以及中间的任意个属性值。

当对于属性值,只设置一个的时候,会认为当然对象该属性的值为开始(getPropName反射获取),然后设置的值为终点。如果设置两个,则一个为开始、一个为结束~~~

动画更新的过程中,会不断调用setPropName更新元素的属性,所有使用ObjectAnimator更新某个属性,必须得有getter(设置一个属性值的时候)和setter方法~

  1. ObjectAnimator//  
  2.          .ofFloat(view, "rotationX", 0.0F, 360.0F)//  
  3.          .setDuration(500)//  
  4.          .start();  
 
 
如果我希望一个动画能够让View既可以缩小、又能够淡出(3个属性scaleX,scaleY,alpha),只使用ObjectAnimator咋弄?

想法是不是很不错,可能会说使用AnimatorSet啊,这一看就是一堆动画塞一起执行,但是我偏偏要用一个ObjectAnimator实例实现呢~下面看代码:

  1. ObjectAnimator anim = ObjectAnimator//  
  2.             .ofFloat(view, "zhy", 1.0F,  0.0F)//  
  3.             .setDuration(500);//  
  4.     anim.start();  
  5.     anim.addUpdateListener(new AnimatorUpdateListener()  
  6.     {  
  7.         @Override  
  8.         public void onAnimationUpdate(ValueAnimator animation)  
  9.         {  
  10.             float cVal = (Float) animation.getAnimatedValue();  
  11.             view.setAlpha(cVal);  
  12.             view.setScaleX(cVal);  
  13.             view.setScaleY(cVal);  
  14.         }  
  15.     });  
 
 
其实还有更简单的方式,实现一个动画更改多个效果:使用propertyValuesHolder
  1. PropertyValuesHolder pvhX = PropertyValuesHolder.ofFloat("alpha", 1f,  
  2.                 0f, 1f);  
  3.         PropertyValuesHolder pvhY = PropertyValuesHolder.ofFloat("scaleX", 1f,  
  4.                 0, 1f);  
  5.         PropertyValuesHolder pvhZ = PropertyValuesHolder.ofFloat("scaleY", 1f,  
  6.                 0, 1f);  
  7.         ObjectAnimator.ofPropertyValuesHolder(view, pvhX, pvhY,pvhZ).setDuration(1000).start();  
 
 
ValueAnimator并没有在属性上做操作,可以自己根据当前动画的计算值,来操作任何属性
 
  1. ValueAnimator animator = ValueAnimator.ofFloat(0, mScreenHeight  
  2.                 - mBlueBall.getHeight());  
  3.         animator.setTarget(mBlueBall);  
  4.         animator.setDuration(1000).start();  
  5. //      animator.setInterpolator(value)  
  6.         animator.addUpdateListener(new AnimatorUpdateListener()  
  7.         {  
  8.             @Override  
  9.             public void onAnimationUpdate(ValueAnimator animation)  
  10.             {  
  11.                 mBlueBall.setTranslationY((Float) animation.getAnimatedValue());  
  12.             }  
  13.         });  
 
 
 
  1.  ValueAnimator valueAnimator = new ValueAnimator();  
  2.         valueAnimator.setDuration(3000);  
  3.         valueAnimator.setObjectValues(new PointF(0, 0));  
  4.         valueAnimator.setInterpolator(new LinearInterpolator());  
  5.         valueAnimator.setEvaluator(new TypeEvaluator<PointF>()  
  6.         {  
  7.             // fraction = t / duration  
  8.             @Override  
  9.             public PointF evaluate(float fraction, PointF startValue,  
  10.                     PointF endValue)  
  11.             {  
  12.                 Log.e(TAG, fraction * 3 + "");  
  13.                 // x方向200px/s ,则y方向0.5 * 10 * t  
  14.                 PointF point = new PointF();  
  15.                 point.x = 200 * fraction * 3;  
  16.                 point.y = 0.5f * 200 * (fraction * 3) * (fraction * 3);  
  17.                 return point;  
  18.             }  
  19.         });  
  20.   
  21.         valueAnimator.start();  
  22.         valueAnimator.addUpdateListener(new AnimatorUpdateListener()  
  23.         {  
  24.             @Override  
  25.             public void onAnimationUpdate(ValueAnimator animation)  
  26.             {  
  27.                 PointF point = (PointF) animation.getAnimatedValue();  
  28.                 mBlueBall.setX(point.x);  
  29.                 mBlueBall.setY(point.y);  
  30.   
  31.             }  
  32.         });  
 
 
 
 
 
使用playTogether两个动画同时执行
  1.  ObjectAnimator anim1 = ObjectAnimator.ofFloat(mBlueBall, "scaleX",  
  2.                 1.0f, 2f);  
  3.         ObjectAnimator anim2 = ObjectAnimator.ofFloat(mBlueBall, "scaleY",  
  4.                 1.0f, 2f);  
  5.         AnimatorSet animSet = new AnimatorSet();  
  6.         animSet.setDuration(2000);  
  7.         animSet.setInterpolator(new LinearInterpolator());  
  8.         //两个动画同时执行  
  9.         animSet.playTogether(anim1, anim2);  
  10.         animSet.start();  
 
play().with() 按顺序执行动画
  1.   float cx = mBlueBall.getX();  
  2.   
  3.         ObjectAnimator anim1 = ObjectAnimator.ofFloat(mBlueBall, "scaleX",  
  4.                 1.0f, 2f);  
  5.         ObjectAnimator anim2 = ObjectAnimator.ofFloat(mBlueBall, "scaleY",  
  6.                 1.0f, 2f);  
  7.         ObjectAnimator anim3 = ObjectAnimator.ofFloat(mBlueBall,  
  8.                 "x",  cx ,  0f);  
  9.         ObjectAnimator anim4 = ObjectAnimator.ofFloat(mBlueBall,  
  10.                 "x", cx);  
  11.           
  12.         /** 
  13.          * anim1,anim2,anim3同时执行 
  14.          * anim4接着执行 
  15.          */  
  16.         AnimatorSet animSet = new AnimatorSet();  
  17.         animSet.play(anim1).with(anim2);  
  18.         animSet.play(anim2).with(anim3);  
  19.         animSet.play(anim4).after(anim3);  
  20.         animSet.setDuration(1000);  
  21.         animSet.start();