Android 动画-Interpolator和TypeEvaluator
来源:互联网 发布:css布局 书籍 知乎 编辑:程序博客网 时间:2024/05/22 03:34
上篇已经简单介绍了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写的一个 点赞效果 的栗子:
具体实现上面都有说明,详情代码可见GitHub:https://github.com/SundayYoung/PropertyAnimatorDemo
- Android 动画-Interpolator和TypeEvaluator
- android动画之interpolator和typeEvaluator用法详解
- 浅析 Android 动画:自定义 Interpolator 与 TypeEvaluator
- Android属性动画(三)——TypeEvaluator(估值器)和Interpolator(插值器)
- 属性动画高级用法之TypeEvaluator和Interpolator
- Android属性动画--TypeEvaluator
- Android动画TimeInterpolator(插值器)和TypeEvaluator(估值器)分析
- Android动画TimeInterpolator(插值器)和TypeEvaluator(估值器)分析
- Android-Property 动画自定义TypeEvaluator
- Android动画之Interpolator和AnimationSet(三)
- Android动画之Interpolator和AnimationSet
- Android动画之Interpolator和AnimationSet(三)
- Android动画之Interpolator和AnimationSet(三)
- Android动画之Interpolator和AnimationSet(三)
- Android动画之Interpolator和AnimationSet(三)
- android动画之Interpolator和AnimationSet
- Android动画之Interpolator和AnimationSet
- Android动画之Interpolator和AnimationSet
- 图片处理,圆形圆角描边
- AngularJS之使用服务封装
- Vim快速选中、删除、复制引号或括号中的内容
- flume+kafka+hdfs日志系统
- 七.Scala 运算符
- Android 动画-Interpolator和TypeEvaluator
- kubenetes中指定web服务器使用的数据库(集群配置管理方案--ConfigMap)
- Android异步消息处理 (Handler)
- vijos——1214伤心的AsukaNoKaze
- Ajax状态值及状态码
- Hibernate模板类【理解】【应用】【重点】
- 第六次实验上机课(类和对象(物联网))
- nginx+tomcat绑定二级域名,部署多个应用
- 【敏捷开发每日一贴】DoD“完成”的定义