2021-02-21_JavaFx控件之Box

1.Box简介

• 包含VBox和HBox。VBox是子控件垂直方向一个一个排列。HBox是水平方向一个一个排列

2.Box常用属性

spacing = "10.0" //指定子控件之间的空白距离大小
nodeOrientation="RIGHT_TO_LEFT"//子控件的排列方向。从左边排列或右边排列。可选择的值有：INHERIT,LEFT_TO_RIGHT,RIGHT_TO_LEFT

3.Box添加子控件

boolean VBox.getChildren().add()

4.Box清除所有内容

vBox.getChildren().clear();

5.Box的css选择器

• 一般的控件的css类选择器都是小写前面加“.”的，列如：.button{}
• 但是！HBox和VBox的选择器就是他们本身，前面也没有“.”，像这样：VBox{}

6.拉伸控件--对所有容器类起作用（待验证）

VBox.setVgrow="ALWAYS" //拉伸控件
 //jxml中的写法
GridPane.setVgrow(textArea, Priority.ALWAYS); //注意是针对类
GridPane.setHgrow(textArea, Priority.ALWAYS);

6.常用css属性

-fx-spacing //控件直接的间隔，value为各种size，如5px。默认值为0
-fx-fill-width //控件是否拉长填充宽度。默认为true
-fx-alignment//控件的对齐方式。如下可以选择[ top-left | top-center | top-right | center-left | center | center-right bottom-left | bottom-center | bottom-right | baseline-left | baseline-center | baseline-right ]。默认是top-left