JavaFX - 切变变换

使对象形状倾斜的变换称为切变变换。有两种切变变换，**X 切变**和**Y 切变**。一种移动 X 坐标值，另一种移动 Y 坐标值。但是，在这两种情况下，只有一个坐标改变其坐标，另一个坐标保持其值不变。切变也称为**倾斜**。

示例 1

以下是演示 JavaFX 中切变变换的程序。在这里，我们在相同位置创建了 2 个多边形（节点），具有相同的尺寸，但颜色不同（蓝色和透明）。我们还在透明多边形上应用了切变变换。

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

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.paint.Color; 
import javafx.scene.shape.Polygon; 
import javafx.scene.transform.Shear; 
import javafx.stage.Stage; 
         
public class XShearingExample extends Application { 
   @Override 
   public void start(Stage stage) {      
      Polygon hexagon1 = new Polygon();        
      
      //Adding coordinates to the hexagon 
      hexagon1.getPoints().addAll(new Double[]{         
         200.0, 50.0,
         400.0, 50.0, 
         450.0, 150.0,          
         400.0, 250.0, 
         200.0, 250.0,                   
         150.0, 150.0, 
      }); 
      //Setting the fill color for the hexagon 
      hexagon1.setFill(Color.BLUE); 
      
      hexagon1.setStroke(Color.BLACK); 
      Polygon hexagon2 = new Polygon();        
      
      //Adding coordinates to the hexagon 
      hexagon2.getPoints().addAll(new Double[]{        
         200.0, 50.0, 
         400.0, 50.0, 
         450.0, 150.0,          
         400.0, 250.0, 
         200.0, 250.0,                   
         150.0, 150.0, 
      }); 
      //Setting the fill color for the hexagon 
      hexagon2.setFill(Color.TRANSPARENT); 
      hexagon2.setStroke(Color.BLACK); 
       
      //Creating shear transformation 
      Shear shear = new Shear(); 
      
      //Setting the pivot points 
      shear.setPivotX(200); 
      shear.setPivotY(250); 
      
      //Setting the dimensions for the shear 
      shear.setX(0.5); 
      shear.setY(0.0); 
       
      //Adding the transformation to the polygon  
      hexagon2.getTransforms().addAll(shear); 
      
      //Creating a Group object  
      Group root = new Group(hexagon1, hexagon2); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Shearing 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 XShearingExample.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls XShearingExample

输出

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

示例 2

在前面的示例中，我们已经看到了如何通过相对于 X 轴倾斜六边形来执行 X 切变。在本例中，让我们看看对另一个 JavaFX 二维形状（例如五边形）执行 Y 切变。

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

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.paint.Color; 
import javafx.scene.shape.Polygon; 
import javafx.scene.transform.Shear; 
import javafx.stage.Stage; 
         
public class YShearingExample extends Application { 
   @Override 
   public void start(Stage stage) {      
      Polygon pentagon1 = new Polygon();        
      
      //Adding coordinates to the pentagon 
      pentagon1.getPoints().addAll(new Double[]{         
         200.0, 50.0,
         400.0, 50.0, 
         450.0, 150.0,          
         400.0, 250.0, 
         200.0, 250.0,                    
      }); 
      //Setting the fill color for the pentagon 
      pentagon1.setFill(Color.ORANGE); 
      
      pentagon1.setStroke(Color.BLACK); 
      Polygon pentagon2 = new Polygon();        
      
      //Adding coordinates to the pentagon 
      pentagon2.getPoints().addAll(new Double[]{        
         200.0, 50.0, 
         400.0, 50.0, 
         450.0, 150.0,          
         400.0, 250.0, 
         200.0, 250.0,                    
      }); 
      //Setting the fill color for the pentagon 
      pentagon2.setFill(Color.TRANSPARENT); 
      pentagon2.setStroke(Color.BLACK); 
       
      //Creating shear transformation 
      Shear shear = new Shear(); 
      
      //Setting the pivot points 
      shear.setPivotX(200); 
      shear.setPivotY(250); 
      
      //Setting the dimensions for the shear 
      shear.setX(0.0); 
      shear.setY(0.5); 
       
      //Adding the transformation to the polygon  
      pentagon2.getTransforms().addAll(shear); 
      
      //Creating a Group object  
      Group root = new Group(pentagon1, pentagon2); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 400);  
      
      //Setting title to the Stage 
      stage.setTitle("Shearing 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 YShearingExample.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls YShearingExample

输出

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