前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >12 种插补器 Interpolator 配图演示及使用

12 种插补器 Interpolator 配图演示及使用

作者头像
青蛙要fly
发布2024-02-04 08:19:47
930
发布2024-02-04 08:19:47
举报
文章被收录于专栏:青蛙要fly的专栏

先来张用了12不同插补器的效果图:

代码语言:javascript
复制
图中的序号和下面插入器的序号一致,以方便对照效果选择
代码语言:livecodeserver
复制
1:AccelerateDecelerateInterpolator 加速减速插补器(先慢后快再慢)
2:AccelerateInterpolator 加速插补器(先慢后快)
3:AnticipateInterpolator 向前插补器(先往回跑一点,再加速向前跑)
4:AnticipateOvershootInterpolator 向前向后插补器(先往回跑一点,再向后跑一点,再回到终点)
5:BounceInterpolator 反弹插补器(在动画结束的时候回弹几下,如果是竖直向下运动的话,就是玻璃球下掉弹几下的效果)
6:CycleInterpolator 循环插补器(按指定的路径以指定时间(或者是偏移量)的1/4、变速地执行一遍,再按指定的轨迹的相反反向走1/2的时间,再按指定的路径方向走完剩余的1/4的时间,最后回到原点。假如:默认是让a从原点往东跑100米。它会先往东跑100米,然后往西跑200米,再往东跑100米回到原点。可在代码中指定循环的次数)
7:DecelerateInterpolator 减速插补器(先快后慢)
8:LinearInterpolator 直线插补器(匀速)
9:OvershootInterpolator 超出插补器(向前跑直到越界一点后,再往回跑)
10:FastOutLinearInInterpolator MaterialDesign基于贝塞尔曲线的插补器 效果:依次 慢慢快
11:FastOutSlowInInterpolator MaterialDesign基于贝塞尔曲线的插补器 效果:依次 慢快慢
12:LinearOutSlowInInterpolator MaterialDesign基于贝塞尔曲线的插补器 效果:依次 快慢慢

使用方法一:

代码语言:xml
复制
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:interpolator="@android:anim/accelerate_interpolator">//对当前动画设置插补器
    <translate
        android:duration="2000"
        android:fromXDelta="50%"
        android:fromYDelta="0%"
        android:interpolator="@android:anim/accelerate_interpolator"// 对当前节点设置插补器
        android:toXDelta="500%"
        android:toYDelta="0%" />
</set>

使用方法二:

代码语言:avrasm
复制
Animation mAnimation = AnimationUtils.loadAnimation(this, R.anim.xxx);//引用动画文件
mAnimation.setInterpolator(new AccelerateDecelerateInterpolator());//代码设置插补器
view.startAnimation(mAnimation);
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-02-04,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 先来张用了12不同插补器的效果图:
  • 使用方法一:
  • 使用方法二:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档