首页 > 代码库 > JavaFX学习之道:布局面板之 HBox

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

运行结果如下:
1