JavaFx+JFoenix 【HBox布局】

JavaFx+JFoenix 【HBox布局】

1.HBox布局简介

HBox布局控件是一个水平布局控件，他创建一个水平的容器，让组件在这个水平的一条线上进行布局，但是一行满了之后不会换行。在第二行布局组件需要在创建一个HBox水平容器。

2.HBox 示例Demo

package javafxdemo;

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Priority;
import javafx.stage.Stage;


/**
 * @author bruce
 *
 */
public class HboxDemo extends Application {
    @Override
    public void start(Stage stage) throws Exception {
        //容器的根节点设置为边缘布局
        BorderPane root = new BorderPane();

        //水平布局
        HBox hbox = new HBox();
        //设置hbox布局方式为居中
        hbox.setAlignment(Pos.CENTER);
        //padding属性可设置为管理节点与HBox窗格边缘之间的距离,分别是上，右，下，左
        hbox.setPadding(new Insets(20,10,20,10));
        //设置节点之间的间距，这里设置的是TextField、Button之间水平间距
        hbox.setSpacing(2);
        //设置背景颜色
        hbox.setStyle("-fx-background-color: #336699;");

        TextField textField = new TextField();
        Button selectButton = new Button("选择文件");
        Button updateButton = new Button("上传文件");
        hbox.getChildren().addAll(textField,selectButton,updateButton);

        //Hgrow是 horizontal grow缩写意为水平增长，在这里是水平增长沾满窗口
        HBox.setHgrow(textField, Priority.ALWAYS);

        //将hbox布局容器放入BorderPane布局容器中
        root.setTop(hbox);
        //创建场景
        Scene scene = new Scene(root, 400, 400);
        //添加场景到窗口中
        stage.setScene(scene);
        //打开窗口
        stage.show();
    }

    public static void main(String[] args) {
        Application.launch(args);
    }
}

  

 

  
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
  
35
  
36
  
37
  
38
  
39
  
40
  
41
  
42
  
43
  
44
  
45
  
46
  
47
  
48
  
49
  
50
  
51
  
52
  
53
  
54
  
55
  
56
  
57
 

3.HBox 运行结果

文章来源: brucelong.blog.csdn.net，作者：Bruce小鬼，版权归原作者所有，如需转载，请联系作者。

原文链接：brucelong.blog.csdn.net/article/details/105468827