
- 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 - 二維形狀矩形
一般來說,矩形是一個四邊形,它有兩對平行且相交的邊,所有內角都是直角。
它由兩個引數描述:
高度 - 矩形的垂直長度稱為高度。
寬度 - 矩形的水平長度稱為寬度。

在 JavaFX 中,矩形由名為 Rectangle 的類表示。此類屬於包 javafx.scene.shape。
透過例項化此類,可以在 JavaFX 中建立一個矩形節點。
此類具有 4 個 double 資料型別的屬性:
X - 矩形起點(左上角)的 x 座標。
Y - 矩形起點(左上角)的 y 座標。
寬度 - 矩形的寬度。
高度 - 矩形的高度。
要繪製矩形,需要將值傳遞給這些屬性,可以透過在例項化時按相同的順序將它們傳遞給此類的建構函式,如下所示:
Rectangle rectangle = new Rectangle(x, y, width, height);
或者,可以使用它們各自的 setter 方法,如下面的程式碼塊所示:
setX(value); setY(value); setWidth(value); setHeight(value);
繪製矩形的步驟
需要按照以下步驟在 JavaFX 中繪製矩形。
步驟 1:建立類
建立一個 Java 類並繼承包 javafx.application 的 Application 類,並實現此類的 start() 方法,如下所示。
public class ClassName extends Application { @Override public void start(Stage primaryStage) throws Exception { } }
步驟 2:建立矩形
可以透過例項化名為 Rectangle 的類(屬於包 javafx.scene.shape)來在 JavaFX 中建立矩形,如下所示例項化此類。
//Creating a rectangle object Rectangle rectangle = new Rectangle();
步驟 3:設定矩形的屬性
指定需要繪製的矩形的起始點(左上角)的 x、y 座標、高度和寬度。可以使用它們各自的 setter 方法設定 x、y、height 和 width 屬性,如下面的程式碼塊所示。
line.setStartX(100.0); line.setStartY(150.0); line.setEndX(500.0); line.setEndY(150.0);
步驟 4:建立 Group 物件
在 start() 方法中,透過例項化名為 Group 的類(屬於包 javafx.scene)來建立一個 group 物件。
將前面步驟中建立的 Rectangle(節點)物件作為引數傳遞給 Group 類的建構函式,以便將其新增到組中,如下所示:
Group root = new Group(rectangle);
步驟 5:建立 Scene 物件
透過例項化名為 Scene 的類(屬於包 javafx.scene)來建立一個 Scene。為此類傳遞前面步驟中建立的 Group 物件(root)。
除了 root 物件外,還可以傳遞兩個表示螢幕高度和寬度的 double 引數以及 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() 方法顯示場景的內容,如下所示。
primaryStage.show()
步驟 9:啟動應用程式
從 main 方法呼叫 Application 類的靜態方法 launch() 來啟動 JavaFX 應用程式,如下所示。
public static void main(String args[]){ launch(args); }
示例
以下是生成 JavaFX 矩形的程式。將此程式碼儲存在名為 RectangleExample.java 的檔案中。
import javafx.application.Application; import javafx.scene.Group; import javafx.scene.Scene; import javafx.stage.Stage; import javafx.scene.shape.Rectangle; public class RectangleExample extends Application { @Override public void start(Stage stage) { //Drawing a Rectangle Rectangle rectangle = new Rectangle(); //Setting the properties of the rectangle rectangle.setX(150.0f); rectangle.setY(75.0f); rectangle.setWidth(300.0f); rectangle.setHeight(150.0f); //Creating a Group object Group root = new Group(rectangle); //Creating a scene object Scene scene = new Scene(root, 600, 300); //Setting title to the Stage stage.setTitle("Drawing a Rectangle"); //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 RectangleExample.java java RectangleExample
執行上述程式後,將生成一個 JavaFX 視窗,顯示如下螢幕截圖所示的矩形。
