JavaFX SplineInterpolator限制Y值范围原因及预冲超调插值实现方法

问题1：为什么SplineInterpolator不允许使用小于0或大于1的Y值？ #

JavaFX内置的Interpolator.SPLINE()方法底层依赖SplineInterpolator实现，该类在设计时就明确限定了所有贝塞尔控制点的坐标必须落在[0,1]区间内，目的是保证默认输出的插值结果始终在0到1的范围内，避免意外的数值溢出。和CSS的cubic-bezier规则不同，JavaFX的内置样条插值器没有适配超调、预冲场景的参数宽容度，因此传入超出范围的Y值会直接抛出IllegalArgumentException异常。

问题2：JavaFX中实现预冲/超调插值器最便捷的方式是什么？ #

最便捷的方案是自定义插值器：直接继承javafx.animation.Interpolator抽象类，重写curve(double t)方法实现你需要的预冲/超调逻辑即可，无需依赖内置的SPLINE方法的参数限制。

示例自定义预冲超调插值器代码： #

public class AnticipateOvershootInterpolator extends Interpolator {
    private final double tension;

    // 无参构造默认张力为2.0，数值越大预冲/超调幅度越大
    public AnticipateOvershootInterpolator() {
        this(2.0);
    }

    public AnticipateOvershootInterpolator(double tension) {
        this.tension = tension * 1.5;
    }

    private static double a(double t, double s) {
        return t * t * ((s + 1) * t - s);
    }

    private static double o(double t, double s) {
        return t * t * ((s + 1) * t + s);
    }

    @Override
    protected double curve(double t) {
        if (t < 0.5) {
            return 0.5 * a(t * 2, tension);
        } else {
            return 0.5 * (o(t * 2 - 1, tension) + 2);
        }
    }
}

替换到你的示例代码即可生效： #

把你原有代码中

Interpolator interpolator = Interpolator.EASE_BOTH;

替换为

Interpolator interpolator = new AnticipateOvershootInterpolator(1.2);

调整构造参数的数值就可以修改预冲和超调的幅度，数值越大效果越夸张。如果需要完全对齐你期望的cubic-bezier参数效果，你也可以自行实现不受参数范围限制的三次贝塞尔插值逻辑，把对应控制点代入三次贝塞尔公式计算输出值即可。

内容的提问来源于stack exchange，提问作者SDIDSA