JavaFX - 位移转换

一般来说，位移转换只是将对象从应用程序中的一个位置移动到另一个位置。这通常是通过指定新的坐标点或需要移动该对象的距离来完成的。

JavaFX 允许您将位移转换应用于各种节点。例如，在一些应用程序中，重要日子会有动画角色在应用程序屏幕上移动；例如圣诞节的圣诞老人。这可以使用位移转换来实现。

JavaFX 中的位移转换

JavaFX 中的位移转换使用 `javafx.animation` 包的 `TranslateTransition` 类在指定持续时间内移动 JavaFX 节点。此类包含下面列出的各种属性，以提高所述动画的质量。

• byX − 指定此 `TranslateTransition` 从起始位置增量的停止 X 坐标值。

• byY − 指定此 `TranslateTransition` 从起始位置增量的停止 Y 坐标值。

• byZ − 指定此 `TranslateTransition` 从起始位置增量的停止 Z 坐标值。

• duration − 此 `TranslateTransition` 的持续时间

• fromX − 指定此 `TranslateTransition` 的起始 X 坐标值。

• fromY − 指定此 `TranslateTransition` 的起始 Y 坐标值。

• fromZ − 指定此 `TranslateTransition` 的起始 Z 坐标值。

• node − 此 `TranslateTransition` 的目标节点。

• toX − 指定此 `TranslateTransition` 的停止 X 坐标值。

• toY − 此 `TranslateTransition` 的停止 Y 坐标值。

• toZ − 此 `TranslateTransition` 的停止 Z 坐标值。

示例

以下是演示 JavaFX 中位移转换的程序。将此代码保存在名为 TranslateTransitionExample.java 的文件中。

import javafx.animation.TranslateTransition; 
import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.paint.Color; 
import javafx.scene.shape.Circle; 
import javafx.stage.Stage; 
import javafx.util.Duration; 
         
public class TranslateTransitionExample extends Application { 
   @Override 
   public void start(Stage stage) {  
      //Drawing a Circle 
      Circle circle = new Circle(); 
      
      //Setting the position of the circle 
      circle.setCenterX(150.0f); 
      circle.setCenterY(135.0f); 
      
      //Setting the radius of the circle 
      circle.setRadius(100.0f); 
      
      //Setting the color of the circle 
      circle.setFill(Color.BROWN); 
      
      //Setting the stroke width of the circle 
      circle.setStrokeWidth(20); 
       
      //Creating Translate Transition 
      TranslateTransition translateTransition = new TranslateTransition(); 
      
      //Setting the duration of the transition  
      translateTransition.setDuration(Duration.millis(1000)); 
      
      //Setting the node for the transition 
      translateTransition.setNode(circle); 
      
      //Setting the value of the transition along the x axis. 
      translateTransition.setByX(300); 
      
      //Setting the cycle count for the transition 
      translateTransition.setCycleCount(50); 
      
      //Setting auto reverse value to false 
      translateTransition.setAutoReverse(false); 
      
      //Playing the animation 
      translateTransition.play(); 
         
      //Creating a Group object  
      Group root = new Group(circle); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Translate transition example"); 
         
      //Adding scene to the stage 
      stage.setScene(scene); 
         
      //Displaying the contents of the stage 
      stage.show(); 
   }      
   public static void main(String args[]){ 
      launch(args); 
   } 
}

使用以下命令从命令提示符编译并执行保存的 java 文件。

javac --module-path %PATH_TO_FX% --add-modules javafx.controls TranslateTransitionExample.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls TranslateTransitionExample 

输出

执行上述程序后，将生成如下所示的 JavaFX 窗口。