Interpolator — 是什么，Android中的插值曲线

什么是Interpolator？

Interpolator — Android中的接口，将动画进度的小数值（从0.0到1.0）映射到具有修改速度的实际值。如果动画持续300毫秒，系统会为每一帧调用Interpolator，传递当前进度。Interpolator返回修改后的值 — 例如，对于AccelerateInterpolator，在50%的时间点，动画仅完成约25%的路程，模拟加速效果。

从数学上讲，Interpolator可以表示为函数f(t)，其中t是归一化时间[0，1]，f(t)是归一化值[0，1]（对于Overshoot/Bounce可能更宽）。线性插值器返回f(t) = t — 对象以恒定速度运动。AccelerateInterpolator近似f(t) = t²，DecelerateInterpolator近似f(t) = 1 − (1 − t)²，创建平滑的起始或结束。在Android动画框架中，Interpolator同时应用于ValueAnimator、ObjectAnimator和ViewPropertyAnimator，提供了在所有层级上统一管理速度的方法。

Android内置插值器

Android提供了9种内置插值器，每种都有其数学模型。插值器的选择决定了动画的特性：物理性（Bounce）、弹性（Overshoot）或平滑性（AccelerateDecelerate）。

每个插值器在res/interpolator/中有XML声明，在android.view.animation包中有Kotlin类。AccelerateDecelerateInterpolator — 最常用的：其曲线类似于CSS中的ease-in-out缓动函数。对于使用Material Design的Android应用程序，建议对浮动操作按钮（FAB）使用OvershootInterpolator — 能在出现时创建「跳跃」效果。

PathInterpolator：自定义曲线

PathInterpolator — 基于贝塞尔曲线的插值器，通过Path对象定义。从API 21（Android 5.0）开始可用。允许直观地设计速度曲线 — 设计师绘制曲线，开发人员通过控制点坐标将其转换为代码。仅支持三次贝塞尔曲线（两个控制点C1、C2）。

PathInterpolator曲线始终从点（0,0）开始到点（1,1）结束。控制点确定形状：（x1，y1） — 起点，（x2，y2） — 终点。x值必须在[0,1]范围内 — 这保证了时间上的单调性。y值可以超出[0,1] — 这会创建超调（overshoot）或后退（anticipate）效果。例如，标准的Material Design使用控制点（0.4，0.0，0.2，1.0）的fast-out-slow-in曲线。在IT Sectr，我们为每个设计系统构建自定义PathInterpolator — 这保证了所有屏幕上动画的一致性。

创建自己的Interpolator

如果内置插值器不满足场景需求，Android允许通过实现TimeInterpolator接口来创建自己的插值器。唯一的方法是getInterpolation(input: Float)：Float。Input — 当前动画进度（0到1）；output — 修改后的值。output可以超出[0,1]范围以实现超调或弹跳效果。

典型的自定义插值器：带阻尼的弹跳效果（超出1.0并返回）、弹性效果（正弦阻尼）、阶梯插值器（离散跳跃）。自定义插值器也可以通过XML使用<interpolator>标签并指定类来定义。在Android Studio的Layout Inspector中有内置的插值器预览 — 显示所选插值器的实际曲线，方便调试。

Kotlin代码示例

示例1：AccelerateDecelerateInterpolator与ValueAnimator

使用对称插值器实现按钮缩放的基本动画。ValueAnimator将值从1.0更改为1.2再返回，AccelerateDecelerateInterpolator使运动变得平滑。

import android.animation.ValueAnimator
import android.view.animation.AccelerateDecelerateInterpolator
import android.view.View

fun View.pulseAnimation() {
    ValueAnimator.ofFloat(1.0f, 1.2f).apply {
        duration = 300
        interpolator = AccelerateDecelerateInterpolator()
        repeatCount = 1
        repeatMode = ValueAnimator.REVERSE

        addUpdateListener { animator ->
            val scale = animator.animatedValue as Float
            this@pulseAnimation.scaleX = scale
            this@pulseAnimation.scaleY = scale
        }

        start()
    }
}

AccelerateDecelerateInterpolator在开始时创建平滑的增长，在结束时平滑地返回。REVERSE方法以相反方向重复动画，创建脉冲效果。这种模式用于操作按钮，将用户的注意力吸引到界面的关键元素上。

示例2：PathInterpolator与自定义曲线

带超调效果的自定义曲线 — 对象超过目标位置10%然后返回。控制点（0.4，0.0，0.6，1.3）定义了带超调的加速进入。

import android.animation.ObjectAnimator
import android.graphics.Path
import android.view.animation.PathInterpolator
import android.view.View

fun View.slideWithOvershoot() {
    val path = Path().apply {
        cubicTo(0.4f, 0.0f, 0.6f, 1.3f, 1.0f, 1.0f)
    }
    val interpolator = PathInterpolator(path)

    ObjectAnimator.ofFloat(this, "translationY", 200f, 0f).apply {
        duration = 400
        interpolator = interpolator
        start()
    }
}

PathInterpolator接受带有三次贝塞尔曲线的Path。在示例中，元素「超过」目标位置（在60%时间处y=1.3）然后返回终点。Path必须在x轴上严格单调，否则动画将反向进行。使用Android Studio中的Layout Inspector进行验证。

示例3：自定义BounceInterpolator

带有衰减弹跳效果的自定义插值器。通过带有四个阻尼周期的TimeInterpolator实现。

import android.animation.TimeInterpolator

class DampedBounceInterpolator : TimeInterpolator {

    private val cycles = 4
    private val damping = 0.85f

    override fun getInterpolation(input: Float): Float {
        val t = input * cycles
        val decay = Math.pow(damping.toDouble(), cycles.toDouble()).toFloat()
        val peak = t - (Math.floor(t.toDouble())).toFloat()
        val bounce = Math.sin(peak * Math.PI).toFloat()
        return 1f - bounce * decay * (1f - input)
    }
}

自定义DampedBounceInterpolator创建4次衰减弹跳，阻尼系数为0.85。getInterpolation方法接收线性输入并返回带有「弹簧」效果的值。在IT Sectr，我们使用此插值器实现通知的出现动画 — 弹跳创造了物理感并吸引了注意力。