JavaFX - 布局窗格(容器)


构建完场景中所有需要的节点后,我们一般会按顺序排列它们。

容器内组件的这种排列称为容器的布局。我们也可以说我们遵循了布局,因为它包括将所有组件放置在容器内的特定位置。

JavaFX提供了几种预定义的布局,例如HBox、VBox、Border Pane、Stack Pane、Text Flow、Anchor Pane、Title Pane、Grid Pane、Flow Panel等。

上面提到的每个布局都由一个类表示,所有这些类都属于javafx.layout包。Pane类是 JavaFX 中所有布局的基类。

创建布局

要创建布局,您需要 -

  • 创建节点。
  • 实例化所需布局的相应类。
  • 设置布局的属性。
  • 将所有创建的节点添加到布局中。

创建节点

首先,通过实例化各自的类来创建 JavaFX 应用程序所需的节点。

例如,如果您想在 HBox 布局中拥有一个文本字段和两个按钮,即播放和停止 - 您必须首先创建这些节点,如以下代码块所示 -

//Creating a text field 
TextField textField = new TextField();       

//Creating the play button 
Button playButton = new Button("Play");       

//Creating the stop button 
Button stopButton = new Button("stop");

实例化相应的类

创建节点(并完成对它们的所有操作)后,实例化所需布局的类。

例如,如果要创建 Hbox 布局,则需要按如下方式实例化此类。

HBox hbox = new HBox();

设置布局的属性

实例化该类后,需要使用各自的 setter 方法设置布局的属性。

例如 - 如果您想在 HBox 布局中设置创建的节点之间的空间,那么您需要为名为 space 的属性设置值。这可以通过使用 setter 方法setSpacing()来完成,如下所示 -

hbox.setSpacing(10);

将形状对象添加到组中

最后,您需要将形状的对象添加到组中,方法是将其作为构造函数的参数传递,如下所示。

//Creating a Group object  
Group root = new Group(line);

布局窗格

以下是 JavaFX 提供的各种布局窗格(类)。这些类存在于包javafx.scene.layout中。

序列号 形状及描述
1 水平盒

HBox 布局将应用程序中的所有节点排列在单个水平行中。

javafx.scene.layout包中名为HBox的类表示文本水平框布局。

2 垂直盒

VBox 布局将应用程序中的所有节点排列在一个垂直列中。

javafx.scene.layout包中名为VBox的类表示文本垂直框布局。

3 边框窗格

边框窗格布局将应用程序中的节点排列在顶部、左侧、右侧、底部和中心位置。

javafx.scene.layout包中名为BorderPane的类表示边框窗格布局。

4 堆栈窗格

堆栈窗格布局将应用程序中的节点排列在另一个顶部,就像在堆栈中一样。第一个添加的节点放置在堆栈的底部,下一个节点放置在其顶部。

javafx.scene.layout包中名为StackPane的类表示堆栈窗格布局。

5 文本流

文本流布局将多个文本节点排列在单个流中。

javafx.scene.layout包中名为TextFlow的类表示文本流布局。

6 锚点窗格

锚定窗格布局将应用程序中的节点锚定在距窗格特定距离处。

javafx.scene.layout包中名为AnchorPane的类表示 Anchor Pane 布局。

7 平铺窗格

Tile Pane 布局以统一大小的图块形式添加应用程序的所有节点。

javafx.scene.layout包中名为TilePane的类表示 TilePane 布局。

8 网格面板

网格窗格布局将应用程序中的节点排列为行和列的网格。使用 JavaFX 创建表单时,此布局非常方便。

javafx.scene.layout包中名为GridPane的类表示 GridPane 布局。

9 流程窗格

流窗格布局包含流中的所有节点。水平流动窗格在其高度处包裹窗格的元素,而垂直流动窗格在其宽度处包裹元素。

javafx.scene.layout包中名为FlowPane的类表示 Flow Pane 布局。