上篇已经简单介绍了Android的一些动画,当然也包括Property Animation动画,这次再来记录下Interpolator 和 TypeEvaluator。也是对属性动画的一个扩展。
一、Interpolator (插值器)
Interpolator 被用于定义动画的变化速率。也可以说是加速度。系统自带了一些插值器如下:
- AccelerateDecelerateInterolator:先加速后减速
- AccelerateInterpolator:加速
- DecelerateInterpolator:减速
- AnticipateInterpolator:先向相反方向改变一段再加速播放
- AnticipateOvershootInterpolator:先向相反方向改变,再加速播放,会超出目标值然后缓慢移动至目标值,类似于弹簧回弹
- BounceInterpolator:快到目标值时值会跳跃
- CycleIinterpolator:动画循环一定次数,值的改变为一正弦函数:Math.sin(2 * mCycles * Math.PI
- input)
- LinearInterpolator:线性均匀改变
- OvershottInterpolator:最后超出目标值然后缓慢改变到目标值
- TimeInterpolator:一个允许自定义Interpolator的接口,以上都实现了该接口
都是通过:
valueAnimator.setInterpolator(new LinearInterpolator());
设置即可。
当没有为动画设置插值器时,系统默认会帮你设置加减速插值器 AccelerateDecelerateInterpolator
来看下使用了插值器的效果是什么样的:
此效果是设置了 BounceInterpolator 的样子,在临近消失时有弹跳效果。貌似很酷的感觉,来看下BounceInterpolator的源码:
/**
* An interpolator where the change bounces at the end.
*/
public class BounceInterpolator extends BaseInterpolator implements NativeInterpolatorFactory {
public BounceInterpolator() {
}
@SuppressWarnings({"UnusedDeclaration"})
public BounceInterpolator(Context context, AttributeSet attrs) {
}
private static float bounce(float t) {
return t * t * 8.0f;
}
public float getInterpolation(float t) {
t *= 1.1226f;
if (t < 0.3535f) return bounce(t);
else if (t < 0.7408f) return bounce(t - 0.54719f) + 0.7f;
else if (t < 0.9644f) return bounce(t - 0.8526f) + 0.9f;
else return bounce(t - 1.0435f) + 0.95f;
}
/** @hide */
@Override
public long createNativeInterpolator() {
return NativeInterpolatorFactoryHelper.createBounceInterpolator();
}
}
代码不是很多,很多都是写在getInterpolation方法里了。其实我们只关注getInterpolation(float input)这个方法,getInterpolation()方法接收一个input参数,input参数是系统根据设置的动画持续时间计算出来的,取值范围是[0,1],从0匀速增加到1。再来看下LinearInterpolator(线性插值器) 的源码呢:
/**
* An interpolator where the rate of change is constant
*/
public class LinearInterpolator extends BaseInterpolator implements NativeInterpolatorFactory {
public LinearInterpolator() {
}
public LinearInterpolator(Context context, AttributeSet attrs) {
}
public float getInterpolation(float input) {
return input;
}
/** @hide */
@Override
public long createNativeInterpolator() {
return NativeInterpolatorFactoryHelper.createLinearInterpolator();
}
}
LinearInterpolator的 getInterpolation (float input)方法是直接把input参数作为返回值返回了!由于input参数是从0匀速增加到1的,所以自然就是线性插值器了。
所以上面的 BounceInterpolator 插值器就是直接操作的 getInterpolation() 返回input实现的弹跳效果。
二、TypeEvaluator(估值器)
作用是估算我们动画执行到什么程度,什么时间执行什么动画的一个类。
系统内置了一些估值器:
ArgbEvaluator, FloatArrayEvaluator, FloatEvaluator, IntArrayEvaluator, IntEvaluator, PointFEvaluator, RectEvaluator, TypeEvaluator
TypeEvaluator:自定义属性值接口,譬如对象属性值类型不是int、float、color类型,你必须实现这个接口去定义自己的数据类型。
public interface TypeEvaluator<t> {
/**
* @param fraction The fraction from the starting to the ending values
* @param startValue The start value.
* @param endValue The end value.
* @return A linear interpolation between the start and end values, given the
* <code>fraction</code> parameter.
*/
public T evaluate(float fraction, T startValue, T endValue);
}
这里有三个函数:fraction: 表示当前这段数值变化值得比例(float 0~1),startValue:表示当前这段数值变化的开始值,endValue: 表示当前这段数据变化的结束值。
来看一个自定义 TypeEvaluator 的效果,那么接着玩球~:
一个小球抛物线的效果。
private class PositionEvaluator implements TypeEvaluator {
@Override
public Object evaluate(float fraction, Object startValue, Object endValue) {
mPoint.x = 445 * fraction * 3;
mPoint.y = 0.5f * 480 * (fraction * 3) * (fraction * 3);
return mPoint;
}
}
通过 fraction 的变化值计算小球的XY坐标比例。
三、总结
- 自定义Interpolator需要重写getInterpolation(float input),控制时间参数的变化;
- 自定义TypeEvaluator需要重写evaluate()方法,计算对象的属性值并将其封装成一个新对象返回;
四、扩展
接下来举个根据Interpolator和TypeEvaluator写的一个<font color=#E94234 size=3> 点赞效果 </font>的栗子:
具体实现上面都有说明,详情代码可见GitHub:https://github.com/SundayYoung/PropertyAnimatorDemo