自定义插值器合集

https://inloop.github.io/interpolator/ 

这个网站的可视化插值器以及演示动画真的超级棒，而且预置了许多插值器公式真心超方便。

于是想起之前维护的basepopup里面有一个demo是放大缩小的，在我玩弄着网站里面的插值器的时候，发现了spring的那个公式，然后尝试把factor调小，大概0.15左右，于是插值器就演变成这样了

根据演示动画，和函数图像，加上我一直在维护着的basepopup，于是就做出了下面的这一个效果

嗯，，，，暂且命名为“果冻动画”吧，（其实是弹簧阻尼效果）

至于做法，其实非常简单。

插值器相关知识百度过后都大概了解到主要实现在

@Override public float getInterpolation(float input) { 

return input; 

}

这个方法（上述为linearInterpolator的插值器）

那么知道了地方，剩下的就好办了，我们把网站上的公式直接拉下来，在new出这个插值器的时候传入我们的factor，然后使用到scaleAnimation就完成了。

1. /**
2.  * Created by 大灯泡 on 2016/1/28.
3.  * The expression comes from web:
4.  * http://inloop.github.io/
5.  */
6. public class JellyInterpolator extends LinearInterpolator {
7.     private float factor;
8.  
9.     public JellyInterpolator() {
10.         this.factor = 0.15f;
11.     }
12.  
13.     @Override
14.     public float getInterpolation(float input) {
15.         return (float) (Math.pow(2, -10 * input) * Math.sin((input - factor / 4) * (2 * Math.PI) / factor) + 1);
16.     }
17. }

代码如上。

通过这个网站，我们可以把网上找到的插值器公式复制到网站上查看效果，或者修改一下参数看看效果，最后应用到我们的自定义插值器里面，就可以实现出各种各样的好玩的动画了。