
- JavaFX 教程
- JavaFX - 首頁
- JavaFX - 概述
- JavaFX 安裝和架構
- JavaFX - 環境
- JavaFX - 使用 Netbeans 安裝
- JavaFX - 使用 Eclipse 安裝
- JavaFX - 使用 Visual Studio Code 安裝
- JavaFX - 架構
- JavaFX - 應用程式
- JavaFX 二維圖形
- JavaFX - 二維圖形
- JavaFX - 繪製直線
- JavaFX - 繪製矩形
- JavaFX - 繪製圓角矩形
- JavaFX - 繪製圓形
- JavaFX - 繪製橢圓
- JavaFX - 繪製多邊形
- JavaFX - 繪製折線
- JavaFX - 繪製三次貝塞爾曲線
- JavaFX - 繪製二次貝塞爾曲線
- JavaFX - 繪製弧線
- JavaFX - 繪製 SVG 路徑
- JavaFX 二維物件的屬性
- JavaFX - 筆觸型別屬性
- JavaFX - 筆觸寬度屬性
- JavaFX - 筆觸填充屬性
- JavaFX - 筆觸屬性
- JavaFX - 筆觸連線屬性
- JavaFX - 筆觸斜接限制屬性
- JavaFX - 筆觸端點屬性
- JavaFX - 平滑屬性
- JavaFX 路徑物件
- JavaFX - 路徑物件
- JavaFX - LineTo 路徑物件
- JavaFX - HLineTo 路徑物件
- JavaFX - VLineTo 路徑物件
- JavaFX - QuadCurveTo 路徑物件
- JavaFX - CubicCurveTo 路徑物件
- JavaFX - ArcTo 路徑物件
- JavaFX 顏色和紋理
- JavaFX - 顏色
- JavaFX - 線性漸變圖案
- JavaFX - 徑向漸變圖案
- JavaFX 文字
- JavaFX - 文字
- JavaFX 特效
- JavaFX - 特效
- JavaFX - 顏色調整特效
- JavaFX - 顏色輸入特效
- JavaFX - 圖片輸入特效
- JavaFX - 混合特效
- JavaFX - 光暈特效
- JavaFX - 輝光特效
- JavaFX - 方框模糊特效
- JavaFX - 高斯模糊特效
- JavaFX - 運動模糊特效
- JavaFX - 反射特效
- JavaFX - 棕褐色特效
- JavaFX - 陰影特效
- JavaFX - 投影陰影特效
- JavaFX - 內陰影特效
- JavaFX - 光照特效
- JavaFX - 遠光源特效
- JavaFX - 聚光燈特效
- JavaFX - 點光源特效
- JavaFX - 位移貼圖
- JavaFX - 透視變換
- JavaFX 動畫
- JavaFX - 動畫
- JavaFX - 旋轉動畫
- JavaFX - 縮放動畫
- JavaFX - 平移動畫
- JavaFX - 淡入淡出動畫
- JavaFX - 填充動畫
- JavaFX - 筆觸動畫
- JavaFX - 順序動畫
- JavaFX - 並行動畫
- JavaFX - 暫停動畫
- JavaFX - 路徑動畫
- JavaFX 圖片
- JavaFX - 圖片
- JavaFX 三維圖形
- JavaFX - 三維圖形
- JavaFX - 建立立方體
- JavaFX - 建立圓柱體
- JavaFX - 建立球體
- JavaFX 事件處理
- JavaFX - 事件處理
- JavaFX - 使用便捷方法
- JavaFX - 事件過濾器
- JavaFX - 事件處理器
- JavaFX UI 控制元件
- JavaFX - UI 控制元件
- JavaFX - 列表檢視
- JavaFX - 手風琴
- JavaFX - 按鈕欄
- JavaFX - 選擇框
- JavaFX - HTML 編輯器
- JavaFX - 選單欄
- JavaFX - 分頁
- JavaFX - 進度指示器
- JavaFX - 滾動窗格
- JavaFX - 分隔符
- JavaFX - 滑塊
- JavaFX - 微調器
- JavaFX - 分割窗格
- JavaFX - 表格檢視
- JavaFX - 標籤頁窗格
- JavaFX - 工具欄
- JavaFX - 樹檢視
- JavaFX - 標籤
- JavaFX - 複選框
- JavaFX - 單選按鈕
- JavaFX - 文字欄位
- JavaFX - 密碼欄位
- JavaFX - 檔案選擇器
- JavaFX - 超連結
- JavaFX - 工具提示
- JavaFX - 警報框
- JavaFX - 日期選擇器
- JavaFX - 文字區域
- JavaFX 圖表
- JavaFX - 圖表
- JavaFX - 建立餅圖
- JavaFX - 建立折線圖
- JavaFX - 建立面積圖
- JavaFX - 建立條形圖
- JavaFX - 建立氣泡圖
- JavaFX - 建立散點圖
- JavaFX - 建立堆疊面積圖
- JavaFX - 建立堆疊條形圖
- JavaFX 佈局面板
- JavaFX - 佈局面板
- JavaFX - HBox 佈局
- JavaFX - VBox 佈局
- JavaFX - BorderPane 佈局
- JavaFX - StackPane 佈局
- JavaFX - TextFlow 佈局
- JavaFX - AnchorPane 佈局
- JavaFX - TilePane 佈局
- JavaFX - GridPane 佈局
- JavaFX - FlowPane 佈局
- JavaFX CSS
- JavaFX - CSS
- JavaFX 多媒體
- JavaFX - 處理多媒體
- JavaFX - 播放影片
- JavaFX 有用資源
- JavaFX - 快速指南
- JavaFX - 有用資源
- JavaFX - 討論
JavaFX - 二維圖形 CubicCurve
三次貝塞爾曲線由兩個變數的三次多項式函式描述,可以寫成以下形式:

這些貝塞爾曲線通常用於計算機圖形學。它們是引數曲線,在所有比例尺上看起來都相當平滑。這些曲線是根據 XY 平面上的點繪製的。
三次貝塞爾曲線是 XY 平面上的三次貝塞爾引數曲線。它使用四個點繪製:**起點、終點、控制點和控制點 2**,如下圖所示。

在 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 視窗,顯示如下所示的貝塞爾三次曲線。
