JavaFX - 2D 形状四边形曲线

从数学上讲，二次曲线是用二次函数描述的曲线，例如 − y = ax² + bx + c。

在计算机图形学中使用贝塞尔曲线。这些是参数曲线，在所有尺度上看起来都相当平滑。这些贝塞尔曲线是根据 XY 平面上的点绘制的。

二次曲线是 XY 平面上的贝塞尔参数曲线，是 2 度曲线。它使用三个点绘制:起点、终点和控制点，如下图所示

在 JavaFX 中，QuadCurve 由名为 QuadCurve 的类表示。此类属于包 javafx.scene.shape。

通过实例化此类，您可以在 JavaFX 中创建 QuadCurve 节点。

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

• startX −曲线起点的 x 坐标。

• startY − 曲线起点的 y 坐标。

• controlX − 曲线控制点的 x 坐标。

• controlY − 曲线控制点的 y 坐标。

• endX − 曲线终点的 x 坐标。

• endY − 曲线终点的 y 坐标。

要绘制 QuadCurve，您需要将值传递给这些属性。可以通过在实例化时以相同顺序将它们传递给此类的构造函数来实现，如下所示 −

QuadCurve quadcurve = new QuadCurve(startX, startY, controlX, controlY, endX, endY);

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

setStartX(value);
setStartY(value);
setControlX(value);
setControlY(value);
setEndX(value);
setEndY(value);

绘制四边形曲线的步骤

要在 JavaFX 中绘制贝塞尔四边形曲线，请按照以下步骤操作。

步骤 1:创建类

创建一个 Java 类并继承 javafx.application 包的 Application 类。然后，您可以按如下方式实现此类的 start() 方法。

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

步骤 2:创建 QuadCurve

您可以通过实例化名为 QuadCurve 的类(属于包 javafx.scene.shape)在 JavaFX 中创建 QuadCurve。然后，您可以实例化此类，如以下代码块所示。

//创建 QuadCurve 类的对象
QuadCurve quadcurve = new QuadCurve();

步骤 3:为 QuadCurve 设置属性

使用各自的 setter 方法指定所需曲线的三个点(起点、终点和控制点)的 x、y 坐标，如以下代码块所示。

//向 Quad Curve 添加属性
quadCurve.setStartX(100.0);
quadCurve.setStartY(220.0f);
quadCurve.setEndX(500.0f);
quadCurve.setEndY(220.0f);
quadCurve.setControlX(250.0f);
quadCurve.setControlY(0.0f);

步骤 4:创建 Group 对象

在 start() 方法中，通过实例化名为 Group 的类来创建 group 对象，该类属于包 javafx.scene。

将上一步中创建的 QuadCurve(节点)对象作为参数传递给 Group 类的构造函数，以便将其添加到组中，如下所示 −

Group root = new Group(quadcurve);

步骤 5:创建场景对象

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

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

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

步骤 6:设置舞台(Stage)的标题

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

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

primaryStage.setTitle("Sample Application");

步骤 7:将场景添加到舞台(Stage)

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

primaryStage.setScene(scene);

步骤 8:显示 Stage 的内容

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

primaryStage.show();

步骤 9:启动应用程序

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

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

示例

以下是使用 JavaFX 生成四边形曲线的程序。将此代码保存在名为 QuadCurveExample.java. 的文件中。

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.stage.Stage; 
import javafx.scene.shape.QuadCurve;  

public class QuadCurveExample extends Application {  
   @Override 
    public void start(Stage stage) {
    //创建四边形曲线
    QuadCurve quadCurve = new QuadCurve();
    
    //向四边形曲线添加属性
    quadCurve.setStartX(100.0);
    quadCurve.setStartY(220.0f);
    quadCurve.setEndX(500.0f);
    quadCurve.setEndY(220.0f);
    quadCurve.setControlX(250.0f);
    quadCurve.setControlY(0.0f);
    
    //创建 Group 对象
    Group root = new Group(quadCurve);
    
    //创建场景对象
    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 QuadCurveExample.java 
java QuadCurveExample

执行时，上述程序会生成一个 JavaFX 窗口，其中显示一条贝塞尔四边形曲线，如以下屏幕截图所示。

javafx_2d_shapes.html