2019独角兽企业重金招聘Python工程师标准>>>

转载请注明出处：王亟亟的大牛之路

上一篇讲了一些比较基础的view Animation 这篇会选PropertyAnimation的部分功能来讲一下，因为它的子类还是蛮多的，希望分的篇幅多点，然后可以讲细点

先上一下跑的效果（gif吃动画，见谅，大家可以自己run下）

这篇主要会讲以下几部分
- ObjectAnimator
- AnimatorSet
- PropertyValuesHolder
以及与之相关的一些知识点

Property Animation相对于我们昨天的View Animation区别在哪？

它可以改变动画的展现效果。

什么叫展现效果？
例子：我一个动画从（0，0）平移到（200，200）在使用View Animation的情况下，我只能同一时间使用一种动画效果，实现方式比较单一，难以满足我们的现实场景，但是Property Animation可以使出“组合拳”

列举一下Property Animation一些常用子类及方法

ObjectAnimator 动画的执行类（这一篇的主角）

ObjectAnimator 对象动画，当一个view同时拥有某一属性的getter、setter方法时，则可以使用该动画，来操作这一属性。

ValueAnimator 动画的执行类（ObjectAnimator的父类）

操作的范围比较广，通过Interpolator和TypeEvaluator得到某一时间内的值；再用监听器，监听值的变化，做相应的操作。

有一点很重要可以监听动画

AnimatorSet 动画集合

用于控制动画的执行先后/同时，每个动画的先后执行等。

AnimatorInflater

加载xml动画用，本文例子为java代码实现

ObjectAnimator

相比ValueAnimator类，ObjectAnimator更加实用，因为它真正可以作用在一个对象上。不过ObjectAnimator是继承自ValueAnimator的，所以主体方法还是ValueAnimator里实现的。那么我们来看看ObjectAnimator的使用吧。常用方法有这些：ofFloat()，ofInt()，ofObject()，ofArgb()，ofPropertyValuesHolder()。

绕着x/y轴旋转

LogUtils.d("--->makeAnim 4 ObjectAnimator 沿着x轴旋转");ObjectAnimator.ofFloat(imageView, "rotationX", 0.0f, 360.0f).setDuration(2000).start();LogUtils.d("--->makeAnim 5 ObjectAnimator 沿着y轴旋转");ObjectAnimator.ofFloat(imageView, "rotationY", 0.0f, 150.0f, 0.0f).setDuration(2000).start();

沿着x/y轴放大

LogUtils.d("--->makeAnim 6 ObjectAnimator 沿着x轴放大");ObjectAnimator.ofFloat(imageView, "scaleX", 1.0f, 1.5f, 1.0f).setDuration(2000).start();LogUtils.d("--->makeAnim 7 ObjectAnimator 沿着y轴放大");ObjectAnimator.ofFloat(imageView, "scaleY", 1.0f, 1.5f, 1.0f).setDuration(2000).start();

沿着x/y周平移，并且重复实施

 LogUtils.d("--->makeAnim 8 ObjectAnimator 沿着X轴平移");ObjectAnimator.ofFloat(imageView, "translationX", 0.0f, 200.0f, 0.0f).setDuration(2000).start();LogUtils.d("--->makeAnim 9 ObjectAnimator 沿着y轴平移 执行2次");ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(imageView, "translationY", 0.0f, 200.0f, 0.0f);objectAnimator.setDuration(2000);objectAnimator.setRepeatCount(2);//重复次数objectAnimator.setRepeatMode(ValueAnimator.RESTART);//重复模式objectAnimator.start();

实现复杂的效果需要以下方法的协助

setInterpolator()：设置动画插值
setDuration()：设置动画执行时间
setRepeatCount()：设置动画重复次数
setRepeatMode()：设置动画重复模式
setStartDelay():设置动画延时操作
setTarget():设置动画的对象
setEvaluator()：设置动画过度的评估者。

那么那些组合动画怎么操作呢？

AnimatorSet

AnimationSet提供了一个把多个动画组合成一个组合的机制，并可设置组中动画的时序关系，如同时播放，顺序播放等。

这个类提供了一个play()方法，如果我们向这个方法中传入一个Animator对象(ValueAnimator或ObjectAnimator)将会返回一个AnimatorSet.Builder的实例，AnimatorSet.Builder中包括以下四个方法：

after(Animator anim) 将现有动画插入到传入的动画之后执行
after(long delay) 将现有动画延迟指定毫秒后执行
before(Animator anim) 将现有动画插入到传入的动画之前执行
with(Animator anim) 将现有动画和传入的动画同时执行

那我们来实验一下

旋转着漂移到某x,y坐标

LogUtils.d("--->makeAnim 10 ObjectAnimator 沿着y轴X轴平移 过程中旋转");ObjectAnimator objectAnimator1 = ObjectAnimator.ofFloat(imageView, "translationY", 0.0f, 250.0f, 0.0f);ObjectAnimator objectAnimator2 = ObjectAnimator.ofFloat(imageView, "translationX", 0.0f, 250.0f, 0.0f);ObjectAnimator objectAnimator3 = ObjectAnimator.ofFloat(imageView, "rotationY", 0.0f, 360.0f);AnimatorSet animationSet = new AnimatorSet();//组合动画animationSet.play(objectAnimator1).with(objectAnimator2).with(objectAnimator3);animationSet.setDuration(4000);animationSet.setStartDelay(1500);animationSet.start();

因为3个动画都是同时的，那么就要用with连接

那我们再试个有顺序的

LogUtils.d("--->makeAnim 11 ObjectAnimator 先放大,放大的过程中旋转,再渐消失");ObjectAnimator objectAnimator4 = ObjectAnimator.ofFloat(imageView, "scaleX", 1.0f, 2.0f, 1.0f);ObjectAnimator objectAnimator5 = ObjectAnimator.ofFloat(imageView, "scaleY", 1.0f, 2.0f, 1.0f);ObjectAnimator objectAnimator6 = ObjectAnimator.ofFloat(imageView, "alpha", 1.0f, 0.2f, 1.0f);ObjectAnimator objectAnimator7 = ObjectAnimator.ofFloat(imageView, "rotationX", 0.0f,360.0f);AnimatorSet animationSet1 = new AnimatorSet();//组合动画animationSet1.setDuration(4000);animationSet1.play(objectAnimator4).with(objectAnimator5).with(objectAnimator7).before(objectAnimator6);animationSet1.start();

先保持x,y向的放大，同时旋转，最后才消失

PropertyValuesHolder

除了AnimatorSet也可以用PropertyValuesHolder来展现“组合拳”只是PropertyValuesHolder的效果都是同时的，也就是类似于数个with一起的效果

LogUtils.d("--->makeAnim 12 ObjectAnimator 放大,旋转,渐消失");PropertyValuesHolder valuesHolder = PropertyValuesHolder.ofFloat( "scaleX", 1.0f, 2.0f, 1.0f);PropertyValuesHolder valuesHolder1 = PropertyValuesHolder.ofFloat( "scaleY", 1.0f, 2.0f, 1.0f);PropertyValuesHolder valuesHolder2 = PropertyValuesHolder.ofFloat( "alpha", 1.0f, 0.2f, 1.0f);PropertyValuesHolder valuesHolder3 = PropertyValuesHolder.ofFloat( "rotationY", 0.0f,360.0f);ObjectAnimator objectAnimator8=ObjectAnimator.ofPropertyValuesHolder(imageView,valuesHolder,valuesHolder1,valuesHolder2,valuesHolder3);objectAnimator8.setDuration(4000);objectAnimator8.start();

动画效果也就是上一个动画全部一起了上演了

未完待续

源码地址：https://github.com/ddwhan0123/BlogSample/blob/master/ViewAnimDemo.zip

相关参考可以看http://www.wfuyu.com/technology/20853.html