HBox 和 VBox

HBox 和 VBox 布局非常相似，都将他们的孩子排成一行。

共同特征

如果 HBox 或 VBox 具有边框和/或填充集，则内容将在这些插入内部布局。

无论孩子的可见属性价值如何，他们都会安排每个受管理的孩子; 没有管理的孩子被忽略了。

内容的对齐由 alignment 属性控制，默认为 Pos.TOP_LEFT 。

HBox 中

HBox 将孩子从左到右排成一排。

HBox 会将子项（如果可调整大小） 调整为其首选宽度 s 并使用其 fillHeight 属性来确定是否调整其高度以填充其自己的高度或将其高度保持为其首选（fillHeight 默认为 true）。

创建一个 HBox

// HBox example
HBox row = new HBox();
Label first = new Label("First");
Label second = new Label("Second");
row.getChildren().addAll(first, second);

垂直框

VBox 将孩子从上到下放在一个垂直的列中。

VBox 会将子项（如果可调整大小） **调整为其首选高度，**并使用其 fillWidth 属性来确定是调整其宽度以填充其自己的宽度，还是将其宽度保持为首选（fillWidth 默认为 true）。

创建一个 VBox

// VBox example
VBox column = new VBox();
Label upper = new Label("Upper");
Label lower = new Label("Lower");
column.getChildren().addAll(upper, lower);