[读书笔记]Android中Animation的Interpolator插值器详解(图文)

Interpolator属性是Animation类的一个XML属性,所以alpha、scale、rotate、translate、set都会继承得到这个属性。Interpolator被译为插值器,他是一个指定动画如何变化的属性,
我们看下api,他的系统值:
这里写图片描述
意义:

  • AccelerateDecelerateInterpolator 在动画开始与介绍的地方速率改变比较慢,在中间的时候加速
  • AccelerateInterpolator 在动画开始的地方速率改变比较慢,然后开始加速
  • AnticipateInterpolator 开始的时候向后甩一点然后向前
  • AnticipateOvershootInterpolator 开始的时候向后甩一点然后向前超过设定值一点然后返回
  • BounceInterpolator 动画结束的时候弹起,类似皮球落地
  • CycleInterpolator 动画循环播放特定的次数回到原点,速率改变沿着正弦曲线
  • DecelerateInterpolator 在动画开始的地方快然后慢
  • LinearInterpolator 以常量速率改变
  • OvershootInterpolator 向前超过设定值一点然后返回
    我觉得只能直观感受的动画效果的就是translate。所以我们从translate中来感受下这些属性是如何控制动画效果的。

    translate


把控件从(0,0)平移到(200,0)的位置,保持结束时状态不变,使用不同插值器观察效果。

 <translate xmlns:android="http://schemas.android.com/apk/res/android"android:fromXDelta="0"android:toXDelta="200"android:fillAfter="true"android:duration="2000"android:interpolator="@android:anim/accelerate_decelerate_interpolator"/>
  • accelerate_decelerate_interpolator

    描述:在动画开始与介绍的地方速率改变比较慢,在中间的时候加速
    这里写图片描述
    我们可以将其形象的形容下:
    这里写图片描述

  • accelerate_interpolator
    描述:在动画开始的地方速率改变比较慢,然后开始加速

    这里写图片描述
    我们可以将其形象的形容下(默认下感觉和上面的有点像):
    这里写图片描述

  • anticipate_interpolator
    描述: 开始的时候向后甩一点然后向前
    这里写图片描述
    我们可以将其形象的形容下:
    这里写图片描述

  • anticipate_overshoot_interpolator
    描述: 开始的时候向后甩一点然后向前超过设定值一点然后返回
    这里写图片描述
    我们可以将其形象的形容下:
    这里写图片描述

  • bounce_interpolator
    描述: 动画结束的时候弹起,类似皮球落地
    这里写图片描述
    我们可以将其形象的形容下:
    这里写图片描述

  • cycle_interpolator
    描述:动画循环播放特定的次数回到原点,速率改变沿着正弦曲线
    这里写图片描述
    我们可以将其形象的形容下:
    这里写图片描述

  • decelerate_interpolator
    描述: 在动画开始的地方快然后慢
    这里写图片描述
    我们可以将其形象的形容下:
    这里写图片描述

  • linear_interpolator
    描述:以常量速率改变
    这里写图片描述
    我们可以将其形象的形容下:
    这里写图片描述

  • overshoot_interpolator
    描述:向前超过设定值一点然后返回
    这里写图片描述
    我们可以将其形象的形容下:
    这里写图片描述

到这里他的所有属性都介绍完了,这个属性不光对translate有用,对其他继承至Animation的alpha、scale、rotate、translate、set都有作用效果,如果你想看到alpha、scale、rotate、set的作用效果可以至另一位博主的博文,有详细的演示(传送门)

这篇博文难道就这样结束了吗?在我们平时没有设置Interpolator属性,那它的默认值是多少呢?我们不禁想到!很多人可能会以为是linear_interpolator那是不是呢?
我们找到animation.setInterpolator();

 public void setInterpolator(Context context, @InterpolatorRes int resID) {setInterpolator(AnimationUtils.loadInterpolator(context, resID));}

它调用了另一个方法()

   public void setInterpolator(Interpolator i) {mInterpolator = i;}

我们再找下设置它默认值的地方

  protected void ensureInterpolator() {if (mInterpolator == null) {mInterpolator = new AccelerateDecelerateInterpolator();}}

是的找到了,它的默认值是accelerate_decelerate_interpolator

我的博客网站:http://huyuxin.top/欢迎大家访问!评论!


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部