二维形状路径元素三次贝塞尔曲线

---

---

路径元素三次贝塞尔曲线用于从当前位置绘制到指定坐标点的一条三次贝塞尔曲线。

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

此类具有6个双精度数据类型属性：

• setX - 从当前位置绘制曲线的目标点的x坐标。

• setY - 从当前位置绘制曲线的目标点的y坐标。

• controlX1 - 曲线的第一个控制点的x坐标。

• controlY1 - 曲线的第一个控制点的y坐标。

• controlX2 - 曲线的第二个控制点的x坐标。

• controlY2 - 曲线的第二个控制点的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：创建路径类对象

创建路径类对象，如下面的代码块所示。

//Creating a Path object 
Path path = new Path(); 

步骤 3：创建路径

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

//Moving to the starting point 
MoveTo moveTo = new MoveTo(); 
moveTo.setX(100.0f); 
moveTo.setY(150.0f);

步骤 4：创建 CubicCurveTo 类的对象

通过实例化名为 CubicCurveTo 的类来创建路径元素三次贝塞尔曲线，该类属于javafx.scene.shape包，如下所示：

//Creating an object of the class CubicCurveTo 
CubicCurveTo cubicCurveTo= new CubicCurveTo ();

步骤 5：设置三次贝塞尔曲线元素的属性

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

//Setting properties of the class 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 类的可观察列表

将前面步骤中创建的路径元素→MoveTo和CubicCurveTo添加到Path类的可观察列表中，如下所示：

//Adding the path elements to Observable list of the Path class   
path.getElements().add(moveTo); 
path.getElements().add(cubicCurveTo);

步骤 7：创建 Group 对象

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

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

Group root = new Group(line); 

步骤 8：创建 Scene 对象

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

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

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

步骤 9：设置 Stage 的标题

您可以使用Stage类的setTitle()方法设置舞台的标题。primaryStage是传递给场景类的 start 方法的参数的 Stage 对象。

使用primaryStage对象，将场景的标题设置为示例应用程序，如下所示。

primaryStage.setTitle("Sample Application"); 

步骤 10：将 Scene 添加到 Stage

您可以使用名为Stage类的setScene()方法将 Scene 对象添加到舞台。使用此方法添加前面步骤中准备的 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) {        
      //Creating an object of the class named Path 
      Path path = new Path();  
      
      //Moving to the starting point 
      MoveTo moveTo = new MoveTo(); 
      moveTo.setX(100.0); 
      moveTo.setY(150.0);
      
      //Instantiating the class CubicCurve 
      CubicCurveTo cubicCurveTo = new CubicCurveTo(); 
       
      //Setting properties of the class 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);       
       
      //Adding the path elements to Observable list of the Path class 
      path.getElements().add(moveTo);       
      path.getElements().add(cubicCurveTo);         
      
      //Creating a Group object  
      Group root = new Group(path); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Drawing a cubic through a specified path"); 
         
      //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 CubicCurveToExample.java 
java CubicCurveToExample 

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