JavaFX中的剪切变换是什么？

沿固定方向移动对象以使其形状倾斜的操作称为剪切变换。这也称为偏斜。

在使用javafx.scene.transform.Shear类的对象的JavaFX中，可以沿所需的轴倾斜节点。此类在内部旋转指定的轴，以使X和Y轴不再垂直。

此类包含四个属性-

• pivotX属性（双）指定剪切枢轴点的x坐标。您可以使用setPivotX()方法将值设置为此属性。

• pivotY属性（双）指定剪切枢轴点的y坐标。您可以使用setPivotY()方法将值设置为此属性。

• 的X属性（双）指定剪切X。您可以使用setX()方法将值设置为此属性。

• 的X属性（双）指定剪切收率 您可以使用setY()方法将值设置为此属性。

JavaFX中的每个节点都包含一个可观察的列表，以保存要应用于节点上的所有转换。您可以使用getTransforms()方法获取此列表。

倾斜节点-

• 实例化Shear类。

• 使用相应的设置器方法设置剪切x（或剪切y）和枢轴点（可选）。

• 使用getTransforms()方法从节点（要移动的节点）获取转换列表。

• 向其添加上面创建的剪切对象。

• 将节点添加到场景。

示例

在JavaFX之后，示例演示了剪切变换。它包含2D几何形状和两个滑块，分别表示x和y偏斜值。如果移动滑块，则对象将滑过选定的轴。

import javafx.application.Application;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.Slider;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.scene.transform.Shear;
import javafx.stage.Stage;
public class ShearExample extends Application {
   public void start(Stage stage) {
      //创建一个矩形
      Rectangle rect = new Rectangle(300, 100, 75, 75);
      rect.setFill(Color.BLUEVIOLET);
      rect.setStrokeWidth(5.0);
      rect.setStroke(Color.BROWN);
      //设置水平移动的滑块
      Slider slider1 = new Slider(0, 2, 0);
      slider1.setShowTickLabels(true);
      slider1.setShowTickMarks(true);
      slider1.setMajorTickUnit(0.5);
      slider1.setBlockIncrement(0.3);
      //创建剪切转换
      Shear shear = new Shear();
      //设置枢轴点
      shear.setPivotX(200);
      shear.setPivotY(250);
      //设置剪切尺寸
      slider1.valueProperty().addListener(new ChangeListener<Number>() {
         public void changed(ObservableValue <?extends Number>observable, Number oldValue, Number newValue){
            shear.setX((double) newValue);
            shear.setY(0.0);
         }
      });
      //设置垂直移动的滑块
      Slider slider2 = new Slider(0, 1, 0);
      slider2.setShowTickLabels(true);
      slider2.setShowTickMarks(true);
      slider2.setMajorTickUnit(0.5);
      slider2.setBlockIncrement(0.3);
      //创建翻译转换
      slider2.valueProperty().addListener(new ChangeListener<Number>() {
         public void changed(ObservableValue <?extends Number>observable, Number oldValue, Number newValue){
            shear.setX(0.0);
            shear.setY((double) newValue);
         }
      });
      //将变换添加到球体
      rect.getTransforms().add(shear);
      //创建窗格
      BorderPane pane = new BorderPane();
      pane.setLeft(new VBox(new Label("Shear along X-Axis"), slider1));
      pane.setRight(new VBox(new Label("Shear along Y-Axis"), slider2));
      pane.setCenter(rect);
      //准备场景
      Scene scene = new Scene(pane, 600, 250);
      stage.setTitle("Shear Example");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String args[]){
      launch(args);
   }
}

输出结果