JavaFX CSS
JavaFX - CSS

JavaFX - 绘制矩形

一般来说，矩形是一个四边形，它有两对平行且相交的边，所有内角都是直角。

它由两个参数描述：

高度 - 矩形的垂直长度称为高度。
宽度 - 矩形的水平长度称为宽度。

JavaFX 中的矩形

在 JavaFX 中，矩形由名为 Rectangle 的类表示。此类属于包 javafx.scene.shape。

通过实例化此类，您可以在 JavaFX 中创建一个矩形节点。

此类具有 4 个 double 数据类型的属性：

X - 矩形起点（左上角）的 x 坐标。
Y - 矩形起点（左上角）的 y 坐标。
宽度 - 矩形的宽度。
高度 - 矩形的高度。

要绘制矩形，您需要向这些属性传递值，方法是在实例化时按相同顺序将它们传递给此类的构造函数。

绘制矩形的步骤

您需要按照以下步骤在 JavaFX 中绘制矩形。

步骤 1：创建矩形

要在 JavaFX 中创建矩形，请实例化名为 Rectangle 的类（属于包 javafx.scene.shape），如下所示：

//Creating a rectangle object         
Rectangle rectangle = new Rectangle();

由于整个代码都写在 Application 类的 start() 方法中，因此 Rectangle 类也在其中实例化，如下所示：

public class ClassName extends Application {    
   public void start(Stage primaryStage) throws Exception {
      // Write code here
      Rectangle rectangle = new Rectangle();
   }
}

步骤 2：设置矩形的属性

指定起始点（左上角）的 x、y 坐标以及需要绘制的矩形的高度和宽度。您可以使用各自的 setter 方法设置 x、y、height 和 width 属性来实现。

rectangle.setX(150.0f); 
rectangle.setY(75.0f); 
rectangle.setWidth(300.0f); 
rectangle.setHeight(150.0f);

步骤 3：将矩形对象添加到组

在此步骤中，将通过将矩形对象作为参数值传递给其构造函数来实例化包 javafx.scene 中的 Group 类，如下所示：

Group root = new Group(rectangle);

步骤 4：启动应用程序

创建二维对象后，请按照以下步骤正确启动应用程序：

首先，通过将 Group 对象作为参数值传递给其构造函数来实例化名为 Scene 的类。您可以将应用程序屏幕的尺寸作为可选参数传递给此构造函数。
然后，使用 Stage 类的 setTitle() 方法设置舞台的标题。
现在，使用名为 Stage 的类的 setScene() 方法将 Scene 对象添加到舞台。
使用名为 show() 的方法显示场景的内容。
最后，使用 launch() 方法启动应用程序。

示例

以下是生成 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 --module-path %PATH_TO_FX% --add-modules javafx.controls RectangleExample.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls RectangleExample

输出

执行上述程序后，将生成一个 JavaFX 窗口，其中显示如下屏幕截图所示的矩形。

示例 - 绘制房屋

让我们来看另一个示例，我们尝试使用矩形绘制房屋。在这里，我们使用两个矩形和两条线来完成卡通房屋的基本版本。我们将此文件命名为 RectangleHouse.java。

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.stage.Stage; 
import javafx.scene.shape.Rectangle;
import javafx.scene.shape.Line;
import javafx.scene.paint.Color;

public class RectangleHouse extends Application { 
   @Override 
   public void start(Stage stage) { 
      //Drawing a Rectangle 
      Rectangle rectangle1 = new Rectangle();	
      Rectangle rectangle2 = new Rectangle(200.0f, 120.0f, 50.0f, 30.0f);
      rectangle2.setFill(Color.hsb(50, 1, 1));	  
      
      //Setting the properties of the rectangle 
      rectangle1.setX(150.0f); 
      rectangle1.setY(75.0f); 
      rectangle1.setWidth(150.0f); 
      rectangle1.setHeight(75.0f);

      // Setting the properties of Lines
      // without setter methods
	  Line line1 = new Line(150, 75, 225, 30);
	  Line line2 = new Line(225, 30, 300, 75);          
         
      //Creating a Group object  
      Group root = new Group();
      root.getChildren().addAll(rectangle1, rectangle2, line1, line2);
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Drawing a House"); 
         
      //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 RectangleHouse.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls RectangleHouse

输出

执行上述程序后，将生成一个 JavaFX 窗口，其中显示如下屏幕截图所示的房屋。

打印页面