JavaFX - 布局窗格(容器)

在场景中构建所有必需节点后,我们通常会按顺序排列它们。

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

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

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

创建布局

要创建布局,您需要 −

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

创建节点

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

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

//创建文本字段
TextField textField = new TextField();

//创建播放按钮
Button playButton = new Button("Play");

//创建停止按钮
Button stopButton = new Button("stop");

实例化相应的类

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

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

HBox hbox = new HBox();

设置布局的属性

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

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

hbox.setSpacing(10);

将形状对象添加到组中

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

//创建组对象
Group root = new Group(line);

布局窗格

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

S.No 形状和描述
1 HBox

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

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

2 VBox

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

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

3 BorderPane

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

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

4 StackPane

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

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

5 TextFlow

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

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

6 AnchorPane

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

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

7 TilePane

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

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

8 GridPane

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

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

9 FlowPane

流程窗格布局将所有节点包装在一个流程中。水平流动窗格沿着窗格的高度包裹元素,而垂直流动窗格沿着窗格的宽度包裹元素。

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