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

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

运行结果如下：