android插值器简单使用

其实事情是这样的,楼主我最近在研究插值器的时候,发现了这么一个网站

http://inloop.github.io/interpolator

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


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

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

ffff.gif

嗯,,,,暂且命名为“果冻动画”吧,(其实是弹簧阻尼效果)


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


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


@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. }

代码如上。


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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值