- JavaFX Tutorial
- JavaFX - Home
- JavaFX - Overview
- JavaFX - Environment
- JavaFX - Architecture
- JavaFX - Application
- JavaFX - 2D Shapes
- JavaFX - Text
- JavaFX - Effects
- JavaFX - Transformations
- JavaFX - Animations
- JavaFX - Colors
- JavaFX - Images
- JavaFX - 3D Shapes
- JavaFX - Event Handling
- JavaFX - UI Controls
- JavaFX - Charts
- JavaFX - Layout Panes
- JavaFX - CSS
- JavaFX Useful Resources
- JavaFX - Quick Guide
- JavaFX - Useful Resources
- JavaFX - Discussion
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 布局。 |