JavaFX CSS
JavaFX - CSS

JavaFX - 繪製折線

折線定義為由多個線段與一些頂點組合形成的連續結構。這些頂點被稱為端點。因此，可以透過指定這些端點來構建折線，這些線段將透過這些端點繪製。

它包含各種屬性，如點、寬度、顏色、開始和結束端點、連線型別、描邊圖案等。折線與多邊形相同，只是折線在末端未閉合。或者，由一個或多個線段組成的連續線。

簡而言之，我們可以說多邊形是由共面線段形成的開放圖形。

JavaFX 中的折線

在 JavaFX 中，折線由名為 **Polygon** 的類表示。此類屬於 **javafx.scene.shape** 包。

透過例項化此類，您可以在 JavaFX 中建立折線節點。您需要以雙精度陣列的形式傳遞折線應由其定義的點的 x、y 座標。

您可以將雙精度陣列作為此類的建構函式的引數傳遞，如下所示：

Polyline polyline = new Polyline(doubleArray);

或者，使用 **getPoints()** 方法，如下所示：

polyline.getPoints().addAll(new Double[]{List of XY coordinates separated by commas });

繪製折線的步驟

要在 JavaFX 中繪製折線，請按照以下步驟操作。

步驟 1：建立折線

您可以透過例項化名為 **Line** 的類（屬於 **javafx.scene.shape** 包）來在 JavaFX 中建立線條。您可以像下面這樣在 start() 方法中例項化此類。

public class ClassName extends Application { 
   @Override     
   public void start(Stage primaryStage) throws Exception {
      //Creating an object of the class Polyline 
      Polyline polyline = new Polyline();
   }    
}

步驟 2：設定折線的屬性

指定一個包含所需折線（此示例中為六邊形）點的 XY 座標的雙精度陣列，這些座標用逗號分隔。您可以使用 **Polyline** 類的 **getPoints()** 方法來執行此操作，如下面的程式碼塊所示。

//Adding coordinates to the hexagon 
polyline.getPoints().addAll(new Double[]{        
   200.0, 50.0, 
   400.0, 50.0, 
   450.0, 150.0,          
   400.0, 250.0, 
   200.0, 250.0,                   
   150.0, 150.0, 
});

步驟 3：將折線物件新增到組中

在 **start()** 方法中，例項化名為 **Group** 的類（屬於 **javafx.scene** 包），並將上一步中建立的折線物件作為引數值傳遞給其建構函式。

Group root = new Group(polyline);

步驟 4：啟動應用程式

建立 2D 物件後，請按照以下步驟正確啟動應用程式：

首先，透過將 Group 物件作為引數值傳遞給其建構函式來例項化名為 **Scene** 的類。對於此建構函式，您還可以將應用程式螢幕的尺寸作為可選引數傳遞。
然後，使用 **Stage** 類的 **setTitle()** 方法設定舞臺的標題。
現在，使用名為 **Stage** 的類的 **setScene()** 方法將 Scene 物件新增到舞臺。
使用名為 **show()** 的方法顯示場景的內容。
最後，使用 **launch()** 方法啟動應用程式。

示例

以下是一個使用 JavaFX 生成折線的程式。將此程式碼儲存在名為 **PolylineExample1.java** 的檔案中。

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.stage.Stage; 
import javafx.scene.shape.Polyline

public class PolylineExample1 extends Application {  
   @Override 
   public void start(Stage stage) {        
      //Creating a polyline 
      Polyline polyline = new Polyline();  
       
      //Adding coordinates to the polygon 
      polyline.getPoints().addAll(new Double[]{        
         200.0, 50.0, 
         400.0, 50.0, 
         450.0, 150.0,          
         400.0, 250.0, 
         200.0, 250.0,                   
         150.0, 150.0, 
      }); 
          
      //Creating a Group object  
      Group root = new Group(polyline); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Drawing a Polyline"); 
         
      //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 --module-path %PATH_TO_FX% --add-modules javafx.controls PolylineExample1.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls PolylineExample1

輸出

執行上述程式後，將生成一個 JavaFX 視窗，其中顯示如下所示的折線。

示例

在此示例中，讓我們嘗試繪製一個具有 4 個頂點的折線。您可以將檔名儲存為 **PolylineExample2.java**。

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.shape.Polyline; 
import javafx.stage.Stage;  

public class PolylineExample2 extends Application { 
   @Override 
   public void start(Stage stage) {        
      //Creating a Polyline 
      Polyline polyline = new Polyline();  
       
      //Adding coordinates to the polygon 
      polyline.getPoints().addAll(new Double[]{ 
         300.0, 50.0, 
         450.0, 150.0, 
         300.0, 250.0, 
         150.0, 150.0, 
      }); 
          
      //Creating a Group object  
      Group root = new Group(polyline); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Drawing a Polyline"); 
         
      //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 --module-path %PATH_TO_FX% --add-modules javafx.controls PolylineExample2.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls PolylineExample2

輸出

執行上述程式後，將生成一個 JavaFX 視窗，其中顯示如下所示的 4 個頂點的折線。

列印頁面