JavaFX学习之道：布局面板之 HBox

HBox 布局面板可以很方便的让所有控件都排列成一行。

可以通过设置 padding 属性来设置控件与 HBox 边缘之间的距离。可以通过设置 spacing 属性来设置各个控件之间的距离。可以设置 style 来改变背景颜色。

下面的例子创建了一个 HBox 布局面板，并且在面板上添加了三个按钮：

12345678910111213141516171819202122232425262728293031323334

importjavafx.application.Application;importjavafx.geometry.Insets;importjavafx.scene.Scene;importjavafx.scene.control.Button;importjavafx.scene.layout.HBox;importjavafx.stage.Stage; publicclassHBoxExampleextendsApplication{        publicstaticvoidmain(String[]args){        launch(args);    }     @Override    publicvoidstart(StageprimaryStage){        primaryStage.setTitle("HBox Example!");        ButtononeBtn=newButton("Button one");        oneBtn.setPrefSize(100,20);        ButtontwoBtn=newButton("Button two");        twoBtn.setPrefSize(100,20);        ButtonthreeBtn=newButton("Button three");        threeBtn.setPrefSize(100,20);                HBoxhbox=newHBox();        hbox.setPadding(newInsets(15,12,15,12));        hbox.setSpacing(10);        hbox.setStyle("-fx-background-color: #336699;");                hbox.getChildren().addAll(oneBtn,twoBtn,threeBtn);                primaryStage.setScene(newScene(hbox,500,250));        primaryStage.show();    }}

运行结果如下：