HBox 佈局面板可以很方便的讓所有控件都排列成一行。
可以通過設置 padding 屬性來設置控件與 HBox 邊緣之間的距離。可以通過設置 spacing 屬性來設置各個控件之間的距離。可以設置 style 來改變背景顏色。
下面的例子創建了一個 HBox 佈局面板，並且在面板上添加了三個按鈕：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
import
javafx.application.Application;
import
javafx.geometry.Insets;
import
javafx.scene.Scene;
import
javafx.scene.control.Button;
import
javafx.scene.layout.HBox;
import
javafx.stage.Stage;
public
class
HBoxExample
extends
Application{
public
static
void
main(String[]
args)
{
launch(args);
}
@Override
public
void
start(Stage
primaryStage)
{
primaryStage.setTitle("HBox
Example!");
Button
oneBtn
=
new
Button("Button
one");
oneBtn.setPrefSize(100,
20);
Button
twoBtn
=
new
Button("Button
two");
twoBtn.setPrefSize(100,
20);
Button
threeBtn
=
new
Button("Button
three");
threeBtn.setPrefSize(100,
20);
HBox
hbox
=
new
HBox();
hbox.setPadding(new
Insets(15,
12,
15,
12));
hbox.setSpacing(10);
hbox.setStyle("-fx-background-color:
#336699;");
hbox.getChildren().addAll(oneBtn,
twoBtn,
threeBtn);
primaryStage.setScene(new
Scene(hbox,
500,
250));
primaryStage.show();
}
}
|
運行結果如下：