• 场景一（Linear Animation）：Animation要求一个物体A的x属性在40ms内匀速地从0px变化到40px。帧的刷新率默认为10ms/帧。
• 场景二（Not-Linear Animation）：Animation要求一个物体A的x属性在40ms内先加速后减速地从0px变化到40px。帧的刷新率默认为10ms/帧。

接着，看一下Property Animation系统中ValueAnimator的一些重要的组件，及其运作的流程图：

• ValueAnimator对象持续跟踪animation的时间点，如animation运行了多长时间，属性（如场景一二中的x属性）的当前值。
• ValueAnimator封装了一个TimeInterpolator，TimeInterpolator定义了animation是如何插值的。ValueAnimator也封装了一个TypeEvaluator，TypeEvaluator定义了如何计算属性的值。例如示例２中，TimeInterpolator使用的是AccelerateDecelerateInterpolator和TypeEvaluator使用的是IntEvaluator
• 创建了一个ValueAnimator并为ValueAnimator注入animation的starting value、ending value、duration value后，调用start()方法来启动animation。
• 在Animation的整个运行过程中，ValueAnimator会基于动画运行的时间计算出一个0-1的值，这个值被称为elapsed fraction。如场景一t=10ms的时刻，elapsed fraction的值为0.25，因为整个动画的运行时间是40ms，所以elapsed fraction=10/40。
• 在ValueAnimator完成elapsed fraction的计算之后，它会调用TimeInterpolator去计算interpolated fraction的值。interpolated fraction会根据elapsed fraction的值来计算。例如，在场景二中，由于是缓慢加速的原因，在t=10ms的时刻，interpolated fraction的值为0.15，会小于elapsed fraction的值0.25。而在场景一中，由于是匀速的关系，interpolated fraction的值会永远与elapsed fraction的值一样的。
• 在ValueAnimator完成elapsed fraction的计算之后，它会调用合适的TypeEvaluator去计算属性的当前时刻的值，这个计算过程是基于interpolated fraction的值、starting value和ending value。例如，在场景二t=10ms的时刻点，interpolated fraction的值为0.15，因此属性x的值便会是0.15X(40-0)=6.

• IntEvaluator:用于计算Int类型属性值的计算器。
• FloatEvaluator:用于计算Float类型属性值的计算器。
• ArgbEvaluator:用于计算以16进制形式表示的颜色值的计算器。
• TypeEvaluator:一个计算器接口，它允许你创建你自己的计算器。如果你正在计算一个对象属性并不是int,float或者颜色值类型的，那么你必须实现TypeEvaluator接口去指定如何去计算对象的属性值。

• AccelerateDecelerateInterpolator:先加速后减速的插值器
• AccelerateInterpolator:加速插值器
• AnticipateInterpolator:先往变化的相反方向回退，然后甩到尾值的插值器
• AnticipateOvershootInterpolator：先往变化的相反方向回退，然后甩到尾值并越过尾值，再返回到尾值。
• BounceInterpolator：
• CycleInterpolator：指定重复次数的插值器
• DecelerateInterpolator：减速插值器
• LinearInterpolator：线性（匀速）插值器
• OvershootInterpolator：超过尾值再返回到尾值的插值器
• TimeInterpolator：用于实现自己的插值器的接口

使用ValueAnimator创建动画

ValueAnimator animation = ValueAnimator.ofFloat(0f, 1f);  
animation.setDuration(1000);  
animation.start();  

ValueAnimator animation = ValueAnimator.ofObject(new MyTypeEvaluator(), startPropertyValue, endPropertyValue);  
animation.setDuration(1000);  
animation.start();  

使用ObjectAnimator创建动画

• 要为对应的对象提供setter方法，如上例中需要为foo对象添加setAlpha(float value)方法。在不能修改对象源码的情况下，要不先对对象进行封装（extends），或者使用ValueAnimator。
• 如果ObjectAnimator的工厂方法中的values... 参数提供了一个值（原本需要提供起始值和结束值），那么该值会被认为是结束值。起始值需要通过对象的getter方法提供，因此，在这种情况下，还需要提供对应属性的getter方法。
   ObjectAnimator.ofFloat(targetObject, "propName", 1f)  

   
• 如果动画的对象是View，那么就可能需要在 onAnimationUpdate() 回调函数中调用View.invalidate()方法来刷新屏幕的显示。比如说，设置Drawable对象的color属性。但是，View中的所有setter方法，如 setAlpha() and setTranslationX()会自动地调用invalidate()方法，因此不需要额外地调用invalidate()方法。

1. 播放bounceAnim动画
2. 同时播放squashAnim1, squashAnim2, stretchAnim1, and stretchAnim2
3. 播放bounceBackAnim
4. 播放fadeAnim

• Animator.AnimatorListener
  • onAnimationStart() - 动画启动时调用
  • onAnimationEnd() - 动画结束时调用
  • onAnimationRepeat() - 动画重新播放时调用
  • onAnimationCancel() - 动画被Cancel时调用. 一个被Cancel的动画也会调用onAnimationEnd()
• ValueAnimator.AnimatorUpdateListener

  • onAnimationUpdate() - 在动画的每一帧上调用. 在这个方法中，你可以使用ValueAnimator的getAnimatedValue()方法来获取计算出来的值。当然，这个监听器一般只适用于ValueAnimator。值得注意的是，你可能需要在这个方法中调用View.invalidate()方法来刷新屏幕的显示。

• APPEARING - 指示layout中的view正要显示的时候运行动画
• CHANGE_APPEARING - 指示layout中因为有新的view加入而改变layout时运行动画
• DISAPPEARING - 指示layout中的view正要消失的时候运行动画
• CHANGE_DISAPPEARING - 指示layout中有view消失而改变layout时运行动画

• AccelerateDecelerateInterpolator：

  public float getInterpolation(float input) {  
      return (float)(Math.cos((input + 1) * Math.PI) / 2.0f) + 0.5f;  
  }  

   

• LinearInterpolator：

  public float getInterpolation(float input) {  
      return input;  
  }  

   

• Multiple ObjectAnimator objects：

  ObjectAnimator animX = ObjectAnimator.ofFloat(myView, "x", 50f);  
  ObjectAnimator animY = ObjectAnimator.ofFloat(myView, "y", 100f);  
  AnimatorSet animSetXY = new AnimatorSet();  
  animSetXY.playTogether(animX, animY);  
  animSetXY.start();  

   

• One ObjectAnimator：

  PropertyValuesHolder pvhX = PropertyValuesHolder.ofFloat("x", 50f);  
  PropertyValuesHolder pvhY = PropertyValuesHolder.ofFloat("y", 100f);  
  ObjectAnimator.ofPropertyValuesHolder(myView, pvhX, pvyY).start();  

   

• ViewPropertyAnimator：

  myView.animate().x(50f).y(100f);  

   

• ValueAnimator - <animator>
• ObjectAnimator - <objectAnimator>
• AnimatorSet - <set>