Android 属性动画Property Animation(中)

Android 属性动画Property Animation(上)介绍了属性动画的概念以及相关的类和接口,本篇来看下具体肿么使用。

  • ValueAnimator
    ValueAnimator指定整形、浮点型或者颜色值作为动画值,在一定时间内平滑过渡。可以通过ofInt(),ofFloat(),或ofObject()来或得一个ValueAnimator,如:
ValueAnimator animation = ValueAnimator.ofFloat(0f, 1f);
animation.setDuration(1000);
animation.start();

当调用start()方法后,将一个浮点型值从0.0平滑过渡到1.0,时长1000毫秒。当然也可以自定义类型,如:

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

上述代码没有实际效果,因为ValueAnimator并不直接作用于对象或属性,通常会通过这些计算的值来不断改变动画的对象,可以通过设置监听器并调用getAnimatedValue()来不断获得帧刷新的计算值。如:

 ValueAnimator animator = ValueAnimator.ofFloat(0f, 1f);
  animator.setDuration(200);
  animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                float value = (float) animation.getAnimatedValue();
                Log.e("TTT", "value is " + value);
            }
        });
  animator.start();

Log输出:

E/TTT: value is 0.0
E/TTT: value is 0.0
E/TTT: value is 0.15204361
E/TTT: value is 0.36806342
E/TTT: value is 0.5
E/TTT: value is 0.63193655
E/TTT: value is 0.7545208
E/TTT: value is 0.85906315
E/TTT: value is 0.93815327
E/TTT: value is 0.98618495
E/TTT: value is 1.0

上面代码是从0.0过渡到1.0,ofFloat()方法中可以传入任意多个参数,如:ValueAnimator.ofFloat(0.0f, 0.5f, 0.75f, 1.0f)可以从0.0f过渡到0.5f,再过渡到0.75f,再过渡到1.0f。
ValueAnimator通常还有下面的方法:

  //设置重复次数
 animator.setRepeatCount(1);
 //REVERSE 倒序播放  RESTART 重新播放
 animator.setRepeatMode(ValueAnimator.REVERSE);
 //延迟播放
 animator.setStartDelay(1000);
//设置时间插值器为先加速后减速
 animator.setInterpolator(new DecelerateInterpolator());

ValueAnimator 还可以用XML文件来写,这样写的好处是更容易被复用,为了和API 11之前的动画做区分,请将属性动画的XML文件放在res/animator/目录下,如新建一个value_animator.xml文件,示例:



在代码中加载XML文件:

  //加载XML文件
  ValueAnimator animator = (ValueAnimator) AnimatorInflater.loadAnimator(this, R.animator.value_animator);
 //设置要执行动画的目标
 animator.setTarget(myObject);
 //动画执行
  animator.start();

还可以使用 PropertyValuesHolder和 Keyframe标签创建一个多步的动画,如:


    
        
        
        
    

解释一下PropertyValuesHolder和Keyframe:
PropertyValuesHolder:顾名思义,就是属性值持有者,它保存了动画过程中所需要操作的属性和对应的值,我们通过ofFloat(Object target, String propertyName, float… values)构造的动画,ofFloat()的内部实现其实就是将传进来的参数封装成PropertyValuesHolder实例来保存动画状态。在封装成PropertyValuesHolder实例以后,后面的操作也是以PropertyValuesHolder为主的。
**Keyframe:意为关键帧,设置了关键帧后,动画就可以在各个关键帧之间平滑过渡的,一个关键帧必须包含两个原素,第一时间点,第二位置,即这个关键帧是表示的是某个物体在哪个时间点应该在哪个位置上。fraction表示当前进度,value表示当前位置。 **如上面所示:
表示动画进度为0时,动画所在的数值位置为0;
表示动画进度为50%时,动画所在的数值位置为5;
表示动画完成时,动画所在的数值位置为0。

上述XML代码也可以用代码表示:

//创建关键帧
Keyframe keyframe1 = Keyframe.ofFloat(0f, 0f);
Keyframe keyframe2 = Keyframe.ofFloat(0.5f, 5f);
Keyframe keyframe3 = Keyframe.ofFloat(1.0f, 0f);
//创建PropertyValuesHolder 
PropertyValuesHolder propertyValuesHolder = PropertyValuesHolder.ofKeyframe(propertyName, keyframe1, keyframe2, keyframe3);
//创建ObjectAnimator 
ObjectAnimator objectAnimator = ObjectAnimator.ofPropertyValuesHolder(target, propertyValuesHolder);
//设置动画时长
objectAnimator.setDuration(1000);
//设置动画重复次数
objectAnimator.setRepeatCount(1);
//设置动画重复模式
objectAnimator.setRepeatMode(ValueAnimator.REVERSE);
//启动动画
objectAnimator.start();

如果想无限循环动画,调用setRepeatCount(ValueAnimator.INFINITE)即可。

  • AnimatorSet
    如果想使用组合动画,可以使用AnimatorSet将多个动画组合到一起:
AnimatorSet bouncer = new AnimatorSet();
bouncer.play(bounceAnim).before(squashAnim1);
bouncer.play(squashAnim1).with(squashAnim2);
bouncer.play(squashAnim1).with(stretchAnim1);
bouncer.play(squashAnim1).with(stretchAnim2);
bouncer.play(bounceBackAnim).after(stretchAnim2);
ValueAnimator fadeAnim = ObjectAnimator.ofFloat(newBall, "alpha", 1f, 0f);
fadeAnim.setDuration(250);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.play(bouncer).before(fadeAnim);
animatorSet.start();

执行顺序:
1.执行bounceAnim动画
2.同时执行squashAnim1, squashAnim2, stretchAnim1, stretchAnim2动画
3.执行bounceBackAnim动画
4.最后fadeAnim.

下一篇:Android 属性动画Property Animation(下)

你可能感兴趣的:(Android 属性动画Property Animation(中))