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);
}
}输出结果