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

运行结果如下：

JavaFX学习之道：布局面板之 HBox,布布扣,bubuko.com