JavaFX - 二維圖形 圓形



圓是到一個固定點(圓心)距離(半徑)相等的點的軌跡。換句話說,圓是一條形成閉合環路的線,環路上的每個點到中心點的距離都相等。

圓由兩個引數定義:

  • 中心 - 它是一個圓內的點。圓上的所有點到中心點的距離都相等。

  • 半徑 - 半徑是圓心到圓上任何一點的距離。它是直徑的一半。

Circle

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

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

此類具有 3 個 double 資料型別的屬性:

  • centerX - 圓心的 x 座標。

  • centerY - 圓心的 y 座標。

  • radius - 圓的半徑(以畫素為單位)。

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

Circle circle = new Circle(centerx, centery, radius);

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

setCenterX(value); 
setCenterY(value); 
setRadius(value);

繪製圓形的步驟

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

步驟 1:建立類

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

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

步驟 2:建立圓形

您可以透過例項化名為 Circle 的類(屬於包 javafx.scene.shape)在 JavaFX 中建立一個圓形,例項化此類,如下所示。

//Creating a circle object         
Circle circle = new Circle();

步驟 3:設定圓形的屬性

使用各自的 setter 方法指定圓心的 x、y 座標和圓的半徑,如下面的程式碼塊所示。

circle.setCenterX(300.0f); 
circle.setCenterY(135.0f); 
circle.setRadius(100.0f); 

步驟 4:建立 Group 物件

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

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

Group root = new Group(circle);

步驟 5:建立 Scene 物件

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

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

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

步驟 6:設定舞臺的標題

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

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

primaryStage.setTitle("Sample Application"); 

步驟 7:將場景新增到舞臺

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

primaryStage.setScene(scene);

步驟 8:顯示舞臺的內容

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

primaryStage.show();

步驟 9:啟動應用程式

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

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

示例

以下程式使用 JavaFX 生成一個圓形。將此程式碼儲存在名為 CircleExample.java 的檔案中。

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.stage.Stage; 
import javafx.scene.shape.Circle; 
         
public class CircleExample extends Application { 
   @Override 
   public void start(Stage stage) { 
      //Drawing a Circle 
      Circle circle = new Circle(); 
         
      //Setting the properties of the circle 
      circle.setCenterX(300.0f); 
      circle.setCenterY(135.0f); 
      circle.setRadius(100.0f); 
         
      //Creating a Group object  
      Group root = new Group(circle); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      //Setting title to the Stage 
      stage.setTitle("Drawing a Circle"); 
         
      //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 CircleExample.java 
java CircleExample

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

Drawing Circle
javafx_2d_shapes.htm
廣告