JavaFX - 二維圖形 CubicCurve



三次貝塞爾曲線由兩個變數的三次多項式函式描述,可以寫成以下形式:

CubicCurve

這些貝塞爾曲線通常用於計算機圖形學。它們是引數曲線,在所有比例尺上看起來都相當平滑。這些曲線是根據 XY 平面上的點繪製的。

三次貝塞爾曲線是 XY 平面上的三次貝塞爾引數曲線。它使用四個點繪製:**起點、終點、控制點和控制點 2**,如下圖所示。

Bezier Curves

在 JavaFX 中,三次貝塞爾曲線由名為 **CubicCurve** 的類表示。此類屬於 **javafx.scene.shape** 包。

透過例項化此類,您可以在 JavaFX 中建立一個 CubicCurve 節點。

此類具有 8 個雙精度資料型別的屬性,即:

  • **startX** - 曲線起點的 x 座標。

  • **startY** - 曲線起點的 y 座標。

  • **controlX1** - 曲線第一個控制點的 x 座標。

  • **controlY1** - 曲線第一個控制點的 y 座標。

  • **controlX2** - 曲線第二個控制點的 x 座標。

  • **controlY2** - 曲線第二個控制點的 y 座標。

  • **endX** - 曲線終點的 x 座標。

  • **endY** - 曲線終點的 y 座標。

要繪製三次貝塞爾曲線,您需要將值傳遞給這些屬性,方法是在例項化時按相同的順序將它們傳遞給此類的建構函式,如下所示:

CubicCurve cubiccurve = new CubicCurve(
   startX, startY, controlX1, controlY1, controlX2, controlY2, endX, endY); 

或者,使用它們各自的 setter 方法,如下所示:

setStartX(value); 
setStartY(value); 
setControlX1(value); 
setControlY1(value); 
setControlX2(value); 
setControlY2(value); 
setEndX(value); 
setEndY(value);

繪製 CubicCurve 的步驟

要在 JavaFX 中繪製貝塞爾三次曲線,請按照以下步驟操作。

步驟 1:建立類

建立一個 Java 類並繼承 **javafx.application** 包的 **Application** 類,並實現此類的 **start()** 方法,如下所示。

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

步驟 2:建立 CubicCurve

您可以透過例項化名為 **CubicCurve** 的類(屬於 **javafx.scene.shape** 包)來在 JavaFX 中建立 CubicCurve。您可以按如下方式例項化此類。

//Creating an object of the class CubicCurve         
CubicCurve cubiccurve = new CubicCurve();

步驟 3:設定 CubicCurve 的屬性

使用各自的 setter 方法指定四個點的 x、y 座標:**起點、終點、控制點 1** 和 **控制點 2**,如下面的程式碼塊所示。

//Setting properties to cubic curve 
cubicCurve.setStartX(100.0f); 
cubicCurve.setStartY(150.0f); 
cubicCurve.setControlX1(400.0f); 
cubicCurve.setControlY1(40.0f); 
cubicCurve.setControlX2(175.0f); 
cubicCurve.setControlY2(250.0f); 
cubicCurve.setEndX(500.0f); 
cubicCurve.setEndY(150.0f);

步驟 4:建立 Group 物件

在 **start()** 方法中,透過例項化名為 **Group** 的類(屬於 **javafx.scene** 包)來建立一個 group 物件。

將上一步中建立的 CubicCurve(節點)物件作為引數傳遞給 Group 類的建構函式,以便將其新增到組中,如下所示:

Group root = new Group(cubiccurve);

步驟 5:建立 Scene 物件

透過例項化名為 **Scene** 的類(屬於 **javafx.scene** 包)來建立一個 Scene。為此類傳遞上一步中建立的 Group 物件 **(root)**。

除了 root 物件之外,您還可以傳遞兩個表示螢幕高度和寬度的雙精度引數以及 Group 類的物件,如下所示。

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

步驟 6:設定 Stage 的標題

您可以使用 **Stage** 類的 **setTitle()** 方法設定 Stage 的標題。**primaryStage** 是一個 Stage 物件,它作為引數傳遞給 scene 類的 start 方法。

使用 **primaryStage** 物件,將場景的標題設定為 **示例應用程式**,如下所示。

primaryStage.setTitle("Sample Application");

步驟 7:將 Scene 新增到 Stage

您可以使用名為 **Stage** 的類的 **setScene()** 方法將 Scene 物件新增到 Stage。使用此方法新增前面步驟中準備的 Scene 物件,如下所示。

primaryStage.setScene(scene)

步驟 8:顯示 Stage 的內容

使用名為 **Stage** 類的 **show()** 方法顯示場景的內容,如下所示。

步驟 9:啟動應用程式

從 main 方法呼叫 **Application** 類的靜態方法 **launch()** 來啟動 JavaFX 應用程式,如下所示。

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

示例

以下程式使用 JavaFX 生成貝塞爾三次曲線。將此程式碼儲存在名為 **CubicCurveExample.java** 的檔案中。

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.stage.Stage; 
import javafx.scene.shape.CubicCurve; 
         
public class CubicCurveExample extends Application {  
   @Override 
   public void start(Stage stage) { 
      //Drawing a cubic curve 
      CubicCurve cubicCurve = new CubicCurve(); 
       
      //Setting properties to cubic curve
      cubicCurve.setStartX(100.0f); 
      cubicCurve.setStartY(150.0f); 
      cubicCurve.setControlX1(400.0f); 
      cubicCurve.setControlY1(40.0f); 
      cubicCurve.setControlX2(175.0f); 
      cubicCurve.setControlY2(250.0f); 
      cubicCurve.setEndX(500.0f); 
      cubicCurve.setEndY(150.0f);      
         
      //Creating a Group object  
      Group root = new Group(cubicCurve); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Drawing a cubic curve"); 
         
      //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 CubicCurveExample.java 
java CubicCurveExample

執行上述程式後,將生成一個 JavaFX 視窗,顯示如下所示的貝塞爾三次曲線。

Drawing Cubic Curve
javafx_2d_shapes.htm
廣告