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 个顶点的折线。

打印页面