设置布局内各个UI组件对齐填充间距方式

设置布局内各个UI组件对齐填充间距方式

1.对齐填充间距概述

Padding：填充-子控件与父级的间距
Spacing：间距-各个子控件之间的间距
Alignment：对齐-上下左右对齐方式

2. 对齐填充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.HBox;
import javafx.scene.layout.Priority;
import javafx.stage.Stage;

import javax.xml.soap.Text;

/**
 * @author bruce
 * 
 */
public class PaddingDemo extends Application {
    @Override
    public void start(Stage stage) throws Exception {
        HBox hBox = new HBox();
        TextField textField = new TextField();
        Button b1 = new Button("创建");
        Button b2 = new Button("修改");
        Button b3 = new Button("删除");
        Button b4 = new Button("撤销");

        hBox.getChildren().addAll(textField,b1,b2,b3,b4);

        //padding设置子控件与父级的间距
        hBox.setPadding(new Insets(10,2,30,40));

        //Spacing设置各个组件之间的间距
        hBox.setSpacing(5);

        //Alignment设置对齐方式
        hBox.setAlignment(Pos.CENTER);

        //水平增长占满空间
        HBox.setHgrow(textField, Priority.ALWAYS);

        //创建场景
        Scene scene = new Scene(hBox, 700, 700);
        //添加场景到窗口中
        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
 

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

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