38、动画时间线控制与过渡效果详解

最新推荐文章于 2025-09-23 00:54:51 发布

原创最新推荐文章于 2025-09-23 00:54:51 发布 · 92 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#动画时间线 # 过渡效果 # JavaFX

JavaFX开发指南：从入门到精通专栏收录该内容

65 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

动画时间线控制与过渡效果详解

1. 时间线控制基础

在动画制作中，时间线（Timeline）是一个核心概念，它允许我们控制动画的执行过程，包括重复、反转、暂停、停止和改变播放速度等操作。

1.1 重复动画

默认情况下，动画完成最后一帧后会停止。若要让动画重复执行，可以设置 repeatCount 变量：
- 正值：指定动画执行的次数。
- 负值或 Timeline.INDEFINITE ：动画无限循环。
- 0 ：动画不执行。

以下是一个旋转矩形的示例代码：

var node: Node;
Stage { 
    title: "Animation #7" 
    width: 200 height: 200 
    scene: Scene { 
        content: [ 
            node = Rectangle { 
                x: 40 y: 40 width: 100 height: 50 
                fill: Color.YELLOW stroke: Color.BLACK 
            } 
        ] 
    } 
} 

var timeline: Timeline = Timeline { 
    repeatCount: Timeline.INDEFINITE
    keyFrames: [ 
        at (2s) { nod