JavaFX的动画效果

最新推荐文章于 2025-06-01 00:08:21 发布

原创

最新推荐文章于 2025-06-01 00:08:21 发布 · 2.9k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#javafx #templates #tools

本文介绍了如何在JavaFX中利用Timeline控件制作简单的动画效果。通过一段代码示例展示了如何使一个圆形在3秒内从左侧平滑移动到右侧，从而实现视觉上的动画过渡。

JavaFX中有一个Timeline控件，这个是制作动画效果的基础控件，下面是一个简单动画效果的JavaFX程序，代码如下。

/* * To change this template, choose Tools | Templates * and open the template in the editor. */ package wang.test; import javafx.scene.shape.Circle; import javafx.scene.paint.Color; import javafx.animation.Timeline; import javafx.animation.KeyFrame; import javafx.animation.Interpolator; import javafx.stage.Stage; import javafx.scene.Scene; /** * @author Skycloud */ def circle = Circle { centerX: 40; centerY: 70; radius: 25; fill: Color.SEAGREEN; } Timeline { keyFrames: [ KeyFrame { time: 0s; values: circle.translateX => 0.0; } KeyFrame { time: 3s; values: circle.translateX => 165 tween Interpolator.LINEAR; } ] }.play(); Stage { title : "MyApp" width: 280; height: 160; scene: Scene { con