JavaFX - TilePane 布局

JavaFX 中的 TilePane 布局

在 JavaFX 中，TilePane 是一种布局组件，它以统一大小的磁贴形式排列其子节点，可以水平或垂直排列。我们可以控制行数或列数、磁贴之间的间隙、窗格的对齐方式以及每个磁贴的首选大小。名为 TilePane 的类属于 javafx.scene.layout 包，表示 TilePane。要创建 TilePane，我们可以使用以下任何构造函数：

• TilePane() - 它构造一个新的水平 TilePane 布局。

• TilePane(double hGap, double vGap) - 它创建一个新的水平 TilePane 布局，并指定 hGap 和 vGap。

• TilePane(double hGap, double vGap, Node childNodes) - 构造一个水平 TilePane 布局，并指定 hGap、vGap 和节点。

• TilePane(Orientation orientation) - 它创建一个新的 TilePane 布局，并指定方向。它可以是 HORIZONTAL 或 VERTICAL。

此类提供了 11 个属性，如下所示：

示例

以下程序是磁贴窗格布局的示例。在此，我们创建一个包含 7 个按钮的磁贴窗格。默认情况下，其方向为水平。将此代码保存在名为 TilePaneExample.java 的文件中。

import javafx.application.Application; 
import javafx.geometry.Orientation; 
import javafx.geometry.Pos; 
import javafx.scene.Scene; 
import javafx.scene.control.Button; 
import javafx.scene.layout.TilePane; 
import javafx.stage.Stage;

public class TilePaneExample extends Application { 
   @Override 
   public void start(Stage stage) {    
      //Creating an array of Buttons 
      Button[] buttons = new Button[] { 
         new Button("SunDay"), 
         new Button("MonDay"), 
         new Button("TuesDay"), 
         new Button("WednesDay"), 
         new Button("ThursDay"), 
         new Button("FriDay"), 
         new Button("SaturDay")  
      };   
      //Creating a Tile Pane 
      TilePane tilePane = new TilePane();   
       
      //Setting the alignment for the Tile Pane 
      tilePane.setTileAlignment(Pos.CENTER_LEFT); 
       
      //Setting the preferred columns for the Tile Pane 
      tilePane.setPrefRows(4);  
      
      //Adding the array of buttons to the pane 
      tilePane.getChildren().addAll(buttons);
	  
      //Creating a scene object 
      Scene scene = new Scene(tilePane, 400, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Tile Pane Example"); 
         
      //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 TilePaneExample.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls TilePaneExample

输出

执行上述程序后，将生成一个如下所示的 JavaFX 窗口。

将 TilePane 的方向设置为垂直

要在 JavaFX 中设置 TilePane 的方向，我们使用名为 setOrientation() 的内置方法，或者使用其接受方向作为参数值的带参数构造函数。以下 JavaFX 代码说明了如何将 TilePane 的方向设置为垂直。将此 JavaFX 代码保存在名为 JavafxTilepane 的文件中。

示例

import javafx.application.Application;
import javafx.geometry.Orientation;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.TilePane;
import javafx.stage.Stage;

public class JavafxTilepane extends Application {
   @Override
   public void start(Stage stage) {
      // Creating a TilePane with vertical orientation
      TilePane tileP = new TilePane(Orientation.VERTICAL);
      // Setting the preferred number of rows to three
      tileP.setPrefRows(3);

      // Setting the hGap and vGap between tiles
      tileP.setHgap(10);
      tileP.setVgap(10);
      // Setting the alignment of the pane and the tiles
      tileP.setAlignment(Pos.CENTER);
      tileP.setTileAlignment(Pos.CENTER);
      // To add 10 buttons to the pane
      for (int i = 1; i <= 10; i++) {
         Button button = new Button("Button " + i);
         tileP.getChildren().add(button);
      }
      // Create a scene and stage
      Scene scene = new Scene(tileP, 400, 300);
      stage.setTitle("TilePane in JavaFX");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String[] args) {
      launch(args);
   }
}

要从命令提示符编译并执行保存的 Java 文件，请使用以下命令：

javac --module-path %PATH_TO_FX% --add-modules javafx.controls JavafxTilepane.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls JavafxTilepane

输出

执行上述代码后，将生成以下输出：