JavaFX - 二維圖形橢圓



橢圓由兩個點定義,每個點稱為焦點。如果取橢圓上的任意一點,則到焦點點的距離之和為常數。橢圓的大小由這兩個距離之和決定。這兩個距離之和等於長軸的長度(橢圓的最長直徑)。事實上,圓是橢圓的一種特殊情況。

橢圓有三個屬性:

  • 中心 - 橢圓內部的一個點,它是連線兩個焦點的線段的中點。長軸和短軸的交點。

  • 長軸 - 橢圓的最長直徑。

  • 短軸 - 橢圓的最短直徑。

Ellipse Parameters

在 JavaFX 中,橢圓由名為Ellipse的類表示。此類屬於javafx.scene.shape包。

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

此類具有 4 個雙精度資料型別屬性:

  • centerX - 橢圓中心的 x 座標(以畫素為單位)。

  • centerY - 橢圓中心的 y 座標(以畫素為單位)。

  • radiusX - 橢圓的寬度(以畫素為單位)。

  • radiusY - 橢圓的高度(以畫素為單位)。

要繪製橢圓,您需要將值傳遞給這些屬性,可以透過在例項化時按以下順序將其傳遞給此類的建構函式:

Circle circle = new Circle(centerX, centerY, radiusX, radiusY);

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

setCenterX(value); 
setCenterY(value);
setRadiusX(value); 
setRadiusY(value);

繪製橢圓的步驟

請按照以下步驟在 JavaFX 中繪製橢圓。

步驟 1:建立類

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

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

步驟 2:建立橢圓

您可以透過例項化名為Ellipse的類在 JavaFX 中建立橢圓,該類屬於javafx.scene.shape包。您可以按如下方式例項化此類。

//Creating an Ellipse object         
Ellipse ellipse = new Ellipse(); 

步驟 3:設定橢圓的屬性

指定橢圓中心的 x、y 座標 → 橢圓沿 x 軸和 y 軸(長軸和短軸)的寬度,透過設定屬性 X、Y、RadiusX 和 RadiusY。

這可以透過使用它們各自的 setter 方法來完成,如下面的程式碼塊所示。

ellipse.setCenterX(300.0f); 
ellipse.setCenterY(150.0f); 
ellipse.setRadiusX(150.0f); 
ellipse.setRadiusY(75.0f);

步驟 4:建立 Group 物件

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

將上一步中建立的 Ellipse(節點)物件作為引數傳遞給 Group 類的建構函式。這應該為了將其新增到組中,如下面的程式碼塊所示:

Group root = new Group(ellipse);

步驟 5:建立 Scene 物件

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

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

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

步驟 6:設定 Stage 的標題

您可以使用Stage類的setTitle()方法設定 Stage 的標題。primaryStage是傳遞給場景類的 start 方法作為引數的 Stage 物件。

使用primaryStage物件,將場景的標題設定為Sample Application,如下所示。

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 生成一個橢圓。將此程式碼儲存在名為EllipseExample.java的檔案中。

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.stage.Stage; 
import javafx.scene.shape.Ellipse; 
         
public class EllipseExample extends Application { 
   @Override 
   public void start(Stage stage) { 
      //Drawing an ellipse 
      Ellipse ellipse = new Ellipse(); 
         
      //Setting the properties of the ellipse 
      ellipse.setCenterX(300.0f); 
      ellipse.setCenterY(150.0f); 
      ellipse.setRadiusX(150.0f); 
      ellipse.setRadiusY(75.0f); 
         
      //Creating a Group object  
      Group root = new Group(ellipse); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300); 
      
      //Setting title to the Stage 
      stage.setTitle("Drawing an Ellipse"); 
         
      //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 EllipseExample.java 
java EllipseExample

執行上述程式後,將生成一個 JavaFX 視窗,其中顯示一個橢圓,如下所示。

Drwaing Ellipse
javafx_2d_shapes.htm

廣告