2D 形状路径元素三次曲线

路径元素三次曲线用于从当前位置绘制到指定坐标中某个点的三次曲线

它由名为CubicCurveTo的类表示。此类属于包javafx.scene.shape

此类具有 6 个 double 数据类型的属性,即 −

  • setX − 从当前位置绘制曲线到该点的 x 坐标。

  • setX − 从当前位置绘制曲线到该点的 y 坐标。

  • controlX1 −曲线第 1 个控制点的 x 坐标。

  • controlY1 − 曲线第 1 个控制点的 y 坐标。

  • controlX2 − 曲线第 2 个控制点的 x 坐标。

  • controlY2 − 曲线第 2 个控制点的 y 坐标。

要绘制三次曲线,您需要将值传递给这些属性。这可以通过将它们传递给此类的构造函数来完成。这些应该与实例化时的顺序相同,如下所示 −

CubicCurveTo cubiccurve = new CubicCurveTo(
X, Y, controlX1, controlY1, controlX2, controlY2);

或者,通过使用它们各自的 setter 方法,如下所示 −

setX(value);
setY(value);
setControlX1(value);
setControlY1(value);
setControlX2(value);
setControlY2(value);

绘制 PathElement 三次曲线的步骤

要在 JavaFX 中从当前位置绘制三次曲线到指定点,请按照以下步骤操作。

步骤 1:创建类

创建一个 Java 类并继承 javafx.application 包的 Application 类。然后,您可以实现该类的 start() 方法,如下所示。

public class ClassName extends Application {
@Override
public void start(Stage primaryStage) throws Exception {
}
}

步骤 2:创建路径类对象

按照以下代码块所示创建路径类对象。

//创建路径对象
Path path = new Path();

步骤 3:创建路径

创建 MoveTo 路径元素,并将直线起点的 XY 坐标设置为坐标 (100, 150)。可以使用类 MoveTo 的方法 setX()setY() 来完成此操作,如下所示。

//移动到起点
MoveTo moveTo = new MoveTo();
moveTo.setX(100.0f);
moveTo.setY(150.0f);

步骤 4:创建类 CubicCurveTo 的对象

通过实例化名为 CubicCurveTo 的类来创建路径元素二次曲线,该类属于包 javafx.scene.shape,如下所示 −

//创建类 CubicCurveTo 的对象
CubicCurveTo cubicCurveTo= new CubicCurveTo ();

步骤 5:设置三次曲线元素的属性

指定从当前位置绘制三次曲线的点的坐标。然后,您应该通过其设置方法设置属性 x、y、controlX1、controlY1、controlX2、controlY2 和控制点的坐标,如下所示。

//设置 CubicCurve 类的属性
cubicCurveTo.setControlX1(400.0f);
cubicCurveTo.setControlY1(40.0f);
cubicCurveTo.setControlX2(175.0f);
cubicCurveTo.setControlY2(250.0f);
cubicCurveTo.setX(500.0f);
cubicCurveTo.setY(150.0f);

步骤 6:将元素添加到 Path 类的可观察列表中

添加路径元素 →将前面步骤中创建的 MoveToCubicCurveTo 添加到 Path 类的可观察列表中,如下所示 −

//将路径元素添加到 Path 类的可观察列表中
path.getElements().add(moveTo);
path.getElements().add(cubicCurveTo);

步骤 7:创建 Group 对象

通过实例化名为 Group 的类来创建 group 对象,该类属于包 javafx.scene

将前面步骤中创建的 Line(节点)对象作为参数传递给 Group 类的构造函数。可以这样做以将其添加到组中,如下所示 −

Group root = new Group(line);

步骤 8:创建场景对象

通过实例化属于包 javafx.scene 的名为 Scene 的类来创建场景。将上一步中创建的 Group 对象 (root) 传递给此类。

除了根对象之外,您还可以传递两个表示屏幕高度和宽度的双精度参数以及 Group 类的对象,如下所示 −

Scene scene = new Scene(group ,600, 300);

步骤 9:设置Stage的标题

您可以使用 Stage 类的 setTitle() 方法将标题设置为Stage。primaryStage 是一个 Stage 对象,它作为参数传递给场景类的启动方法。

使用 primaryStage 对象,将场景的标题设置为 Sample Application,如下所示。

primaryStage.setTitle("Sample Application");

步骤 10:将场景添加到Stage

您可以使用名为 Stage 的类的方法 setScene() 将场景对象添加到Stage。使用此方法添加前面步骤中准备的 Scene 对象,如下所示 −

primaryStage.setScene(scene);

步骤 11:显示 Stage 的内容

使用 Stage 类的名为 show() 的方法显示场景的内容,如下所示。

primaryStage.show();

步骤 12:启动应用程序

通过从 main 方法调用 Application 类的静态方法 launch() 来启动 JavaFX 应用程序,如下所示。

public static void main(String args[]){
launch(args);
}

示例

以下程序使用 JavaFX 的 Path 类从当前点到指定位置绘制三次曲线。将此代码保存在名为 CubicCurveToExample.java 的文件中。

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.shape.CubicCurveTo;
import javafx.scene.shape.MoveTo;
import javafx.scene.shape.Path;

public class CubicCurveToExample extends Application {
@Override
public void start(Stage stage) {
    //创建名为 Path 的类的对象
    Path path = new Path();
    
    //移动到起点
    MoveTo moveTo = new MoveTo();
    moveTo.setX(100.0);
    moveTo.setY(150.0);
    
    //实例化 CubicCurve 类
    CubicCurveTo cubicCurveTo = new CubicCurveTo();
    
    //设置 CubicCurve 类的属性
    cubicCurveTo.setControlX1(400.0f);
    cubicCurveTo.setControlY1(40.0f);
    cubicCurveTo.setControlX2(175.0f);
    cubicCurveTo.setControlY2(250.0f);
    cubicCurveTo.setX(500.0f);
    cubicCurveTo.setY(150.0f);
    
    //将路径元素添加到 Path 类的 Observable 列表中
    path.getElements().add(moveTo);
    path.getElements().add(cubicCurveTo);
    
    //创建 Group 对象
    Group root = new Group(path);
    
    //创建场景对象
    Scene scene = new Scene(root, 600, 300);
    
    //设置Stage标题
    stage.setTitle("通过指定路径绘制立方体");
    
    //将场景添加到Stage
    stage.setScene(scene);
    
    //显示Stage内容
    stage.show();
}
public static void main(String args[]){
    launch(args);
}
}

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

javac CubicCurveToExample.java 
java CubicCurveToExample 

执行时,上述程序会生成一个显示三次曲线的 JavaFX 窗口。该曲线从当前位置绘制到指定点,如下所示。

绘制三次曲线路径

javafx_2d_shapes.html