14、JavaFX 动画：关键帧、插值与路径动画详解

JavaFX 动画：关键帧、插值与路径动画详解

在 JavaFX 中，动画是增强用户界面交互性和视觉效果的重要手段。本文将深入探讨 JavaFX 动画的几个关键方面，包括关键帧的定义、插值方法以及路径动画的实现。

关键帧（Key Frames）

关键帧是动画时间轴中的重要标记，它定义了动画在特定时间点的状态。在 JavaFX 里，关键帧由 javafx.animation.KeyFrame 类表示。每个关键帧包含以下几个要素：
1. 时间（Time） ：表示关键帧在时间轴上的位置，以持续时间的形式呈现。
2. 关键值（Key Values） ：指定目标变量在关键帧时间到达时所假定的目标值。
3. 动作函数（Action Function） ：可选，当播放到关键帧的时间时执行的函数。
4. 子时间轴（Sub Timelines） ：可选，当关键帧的时间到达时开始播放的子时间轴。

关键值使用特殊的语法声明： target => value tween interpolator 。例如：

KeyFrame { 
    time: duration
    values: [
        x => 1000 tween Interpolator.LINEAR,
        y => 1000 tween Interpolator.LIN