JavaFX - 平移变换

平移变换只是将对象移动到同一平面上的不同位置。您可以通过将平移坐标 (tx, ty) 添加到原始坐标 (X, Y) 来平移二维平面上的点；这将得到新的坐标 (X', Y')，点将重新定位到该坐标。

JavaFX 中的平移变换

在 JavaFX 中，使用平移变换，可以将节点从应用程序中的一个位置移动到另一个位置。此变换是在 JavaFX 节点上应用的，借助于Translate 类，该类位于javafx.scene.transform包中。此类表示一个仿射对象，该对象重新定位 JavaFX 应用程序中的坐标。

示例 1

以下是演示 JavaFX 中平移的程序。在这里，我们创建了两个位于同一位置且尺寸相同的圆形（节点），但颜色不同（棕色和暗蓝色）。我们还在暗蓝色的圆形上应用了平移。

将此代码保存在名为TranslationExample.java的文件中。

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.paint.Color; 
import javafx.scene.shape.Circle; 
import javafx.scene.transform.Translate; 
import javafx.stage.Stage;  

public class TranslationExample extends Application { 
   @Override 
   public void start(Stage stage) {      
      //Drawing Circle1 
      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); 
       
      //Drawing Circle2 
      Circle circle2 = new Circle(); 
      
      //Setting the position of the circle 
      circle2.setCenterX(150.0f); 
      circle2.setCenterY(135.0f); 
      
      //Setting the radius of the circle 
      circle2.setRadius(100.0f); 
      
      //Setting the color of the circle 
      circle2.setFill(Color.CADETBLUE); 
      
      //Setting the stroke width of the circle 
      circle2.setStrokeWidth(20); 
       
      //Creating the translation transformation 
      Translate translate = new Translate();       
      
      //Setting the X,Y,Z coordinates to apply the translation 
      translate.setX(300); 
      translate.setY(50); 
      translate.setZ(100);  
      
      //Adding transformation to circle2 
      circle2.getTransforms().addAll(translate); 
       
      //Creating a Group object  
      Group root = new Group(circle,circle2); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Translation transformation 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 TranslationExample.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls TranslationExample 

输出

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

示例 2

在以下示例中，我们演示了对 3D 形状的平移。将此代码保存在名为TranslationExample3D.java的文件中。

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.paint.Color; 
import javafx.scene.shape.Cylinder; 
import javafx.scene.transform.Translate; 
import javafx.stage.Stage;  

public class TranslationExample3D extends Application { 
   @Override 
   public void start(Stage stage) {      
      Cylinder cy1 = new Cylinder(50, 100);
      Cylinder cy2 = new Cylinder(50, 100);
       
      //Creating the translation transformation 
      Translate translate = new Translate();       
      
      //Setting the X,Y,Z coordinates to apply the translation 
      translate.setX(200); 
      translate.setY(150); 
      translate.setZ(100);  
      
      //Adding transformation to circle2 
      cy2.getTransforms().addAll(translate); 
       
      //Creating a Group object  
      Group root = new Group(cy1,cy2); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 400, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Translation transformation 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 TranslationExample3D.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls TranslationExample3D

输出

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

如我们所见，使用圆柱体的原始位置，我们无法像在平移图像中那样清楚地看到完整图像。因此，在类似情况下，平移变换变得必要。