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 布局。 |