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);