android动画（三）

2017-03-27

上一篇android动画（二）我们介绍了属性动画的基本操作，介绍了ObjectAnimator、ValueAnimator、AnimatorSet等动画的操作的使用，顺便介绍了对于view的ViewProperty动画。

TypeEvaluator

上一篇我们遗漏了ofObject，主要是涉及到TypeEvaluator的使用，该类主要是如何从初始值过渡到结束值。
我们知道ofInt、ofFloat内部就使用的IntEvaluator和FloatEvaluator，源码如下

public class IntEvaluator implements TypeEvaluator<Integer> {
    public Integer evaluate(float fraction, Integer startValue, Integer endValue) {
        int startInt = startValue;
        return (int)(startInt + fraction * (endValue - startInt));
    }
}

public class FloatEvaluator implements TypeEvaluator<Number> {
    public Float evaluate(float fraction, Number startValue, Number endValue) {
        float startFloat = startValue.floatValue();
        return startFloat + fraction * (endValue.floatValue() - startFloat);
    }
}

源码很简单，第一个参数fraction表示动画的进度，后面两个一个是初始值，一个是结束值，逻辑代码比较简单就是初始值加上进度乘以结束值减初始值。
那么我们在使用ofObject时需要自己实现一个TypeEvaluator。
下面我们举个例子说明，比如我们需要改变textview字体的颜色

class ColorEvaluator implements TypeEvaluator<Integer> {
    @Override
    public Integer evaluate(float fraction, Integer startValue, Integer endValue) {
        int startA = (startValue >> 24) & 0xfff;//透明度
        int startR = (startValue >> 18) & 0xfff;//Red
        int startG = (startValue >> 8) & 0xfff;//Green
        int startB = startValue & 0xfff;//Blue
        int endA = (endValue >> 24) & 0xfff;//透明度
        int endR = (endValue >> 18) & 0xfff;//Red
        int endG = (endValue >> 8) & 0xfff;//Green
        int endB = endValue & 0xfff;//Blue
        return (startA + (int) (fraction * (endA - startA)) << 24) |
                (startR + (int) (fraction * (endR - startR)) << 16) |
                (startG + (int) (fraction * (endG - startG)) << 8) |
                (startB + (int) (fraction * (endB - startB)));
    }
}

然后我们便可以使用ofObject设置动画了

ValueAnimator animator=ValueAnimator.ofObject(new ColorEvaluator(), Color.RED,Color.BLUE);
animator.setDuration(2000);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator valueAnimator) {
        textView.setTextColor((Integer) valueAnimator.getAnimatedValue());
    }
});
animator.start();

当然在api版本21中我们可以使用ofArgb()

ValueAnimator animator=ValueAnimator.ofArgb(Color.RED,Color.BLUE);
animator.setDuration(2000);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator valueAnimator) {
        textView.setTextColor((int) valueAnimator.getAnimatedValue());
    }
});
animator.start();

或者

1
2
3

ObjectAnimator animator=ObjectAnimator.ofArgb(textView,"textColor",Color.RED,Color.BLUE);
animator.setDuration(2000);
animator.start();

我们知道ofArgb内部使用的是ArgbEvaluator，发现其内部源码就是我们写的ColorEvaluator（当然这里是我拷贝的人家的代码）。因此我们便实现通过TypeEvaluator实现一些复杂的动画，详情可以参考郭霖大神相关的文章。

TimeInterpolate

插值器我们在android动画（一）补间动画中有简单的介绍系统的自带插值器，它主要用于控制动画的变化速率类似于物理上加速度，系统默认插值器是AccelerateDecelerateInterpolator，是中间较快，两端较慢，也就是先加速或减速。
查看源码我们发现AccelerateDecelerateInterpolator继承BaseInterpolator，BaseInterpolator则是实现Interpolator，Interpolator继承了TimeInterpolator。

1
2
3

public interface TimeInterpolator {
  float getInterpolation(float input);
}

接口很简单只有一个getInterpolation，参数是float返回一个float，input这个值随动画的运行不断变化，不过它的范围是0-1，也就是初值0，终值1，匀速递增。在TypeEvaluator曾有个表示动画的进度fraction参数，其实它就是这里的返回值。
android自带了一个LinearInterpolator，我们查看他的源码发现

public class LinearInterpolator extends BaseInterpolator ...{
	...
    public float getInterpolation(float input) {
        return input;
    }
	...
}

它没有做任何的处理直接返回了input，也就是input与fraction值是相同的。因此动画便做匀速运动。对于AccelerateDecelerateInterpolator则返回的是一个余弦函数

1
2
3

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

对三角函数有一定了解的就会知道是cos函数在[π，2π]的一段，大家观看函数图像就明白了。
AccelerateInterpolator是指数函数

public float getInterpolation(float input) {
    if (mFactor == 1.0f) {
        return input * input;
    } else {
        return (float)Math.pow(input, mDoubleFactor);
    }
}

当然我们也可以同理分析其他的插值器，如果系统自带的满足不了我们的要求，我们可以自定义插值器，重写getInterpolation便可以了。

最后

本期作为android动画的最后一期介绍了TypeEvaluator和TimeInterpolate相关的内容，这部分算是android动画的高级部分，通过自定义完成我们现实项目中需求。