JavaFX2.0网格布局窗格GridPane

开发 后端
JavaFX 2.0 是 JavaFX 一个主要的升级版本,为下一代的 UI 平台而设计,提供强大的基于 Java 的 UI 能力,可处理大规模的数据驱动的商业逻辑。下面将讲解JavaFX2.0网格布局窗格GridPane。

public class GridPane extends Pane

GridPane将其孩子结点灵活地放置在行列网格中。若设置了边框和边缘(border and/or padding),它的内容只能在这些间隙内部。

孩子结点可以放置在任意位置并且可以跨行列。结点也可以在行列内随便覆盖,网格窗格孩子结点列表中的顺序决定了这些结点的堆栈顺序:***个在最下,***一个在上面。

GridPane也可以使用CSS来装饰。

网格约束

孩子结点的位置由其布局约束来定义:

约束 类型 描述
columnIndex integer 孩子结点的起始列
rowIndex integer 孩子结点的起始行
columnSpan integer 孩子结点的水平跨列数目
rowSpan integer 孩子结点的垂直跨行数目

若孩子结点的位置没被指定,则将其放入***行列中。若跨行列数没有指定,默认为1。孩子结点的位置约束可以动态修改,网格窗格会随着更新。

总的行列数无需指定,窗格会根据内容自动扩展和收缩。

使用GridPane时,程序需要为孩子结点指定布局约束并将它们加入窗格中。约束使用的是该类的静态setter方法:

  1. GridPane gridpane = new GridPane(); 
  2.  
  3. // Set one constraint at a time... 
  4. Button button = new Button(); 
  5. GridPane.setRowIndex(button, 1); 
  6. GridPane.setColumnIndex(button, 2); 
  7.  
  8. // or convenience methods set more than one constraint at once... 
  9. Label label = new Label(); 
  10. GridPane.setConstraints(label, 31); 
  11.  
  12. // column=3 row=1 
  13.  
  14. // don't forget to add children to gridpane 
  15. gridpane.getChildren().addAll(button, label); 

更可以使用整合了以上步骤的方法来设置约束:

  1. GridPane gridpane = new GridPane(); 
  2. gridpane.add(new Button(), 21); 
  3.  
  4. // column=2 row=1 
  5. gridpane.add(new Label(), 31); 
  6.  
  7. // column=3 row=1 

行列大小

行列尺寸默认是匹配内容的,列宽适应的是最宽的元素,行高适应的是***的元素。然而,如果程序需要指定行列尺寸,可以通过RowConstraints 和ColumnConstraints对象指定。比如,

  1. GridPane gridpane = new GridPane(); 
  2. gridpane.getColumnConstraints().add(new ColumnConstraints(100)); 
  3. // column 1 is 100 wide 
  4. gridpane.getColumnConstraints().add(new ColumnConstraints(200)); 
  5. // column 2 is 200 wide 

行列默认会动态修改大小。若程序需要特定的行列来适应额外的空间,可以设置 RowConstraints或 ColumnConstraints 对象的优先级。比如

  1. GridPane gridpane = new GridPane(); 
  2. ColumnConstraints column1 = new ColumnConstraints(100,100,Double.MAX_VALUE); 
  3. column1.setHgrow(Priority.ALWAYS); 
  4.  
  5. ColumnConstraints column2 = new ColumnConstraints(100); 
  6. gridpane.getColumnConstraints().addAll(column1, column2);  
  7. // first column gets any extra width 

百分百大小

或者,RowConstraints 和ColumnConstraints可以通过指定百分百来实现。

  1. GridPane gridpane = new GridPane(); 
  2. ColumnConstraints column1 = new ColumnConstraints(); 
  3. column1.setWidthPercent(50); 
  4.  
  5. ColumnConstraints column2 = new ColumnConstraints(); 
  6. column2.setWidthPercent(50); 
  7.  
  8. gridpane.getColumnConstraints().addAll(column1, column2); // each get 50% of width 

指定百分百后,行列的三个最值都会被忽略。

如果百分百总值超过了100,它们的值会被当成权重。

可选布局约束

约束 类型 描述
halignment javafx.geometry.HPos 布局区域中孩子结点的水平位置.
valignment javafx.geometry.VPos 布局区域中孩子结点的垂直位置.
hgrow javafx.scene.layout.Priority 孩子结点的水平成长优先级.
vgrow javafx.scene.layout.Priority 孩子结点的垂直成长优先级.
margin javafx.geometry.Insets 孩子结点的外部边空间.

原文链接:http://somefuture.iteye.com/blog/1284339

【编辑推荐】

  1. Java字节码深入解析
  2. 解析Java语言11个主要特性
  3. Java中Date各种相关用法
  4. Java虚拟机及JVM体系结构
  5. Java技能的优化集锦
责任编辑:林师授 来源: somefuture的博客
相关推荐

2023-08-14 18:25:31

CSSJavaScript业务

2009-12-01 10:08:23

WF4属性

2011-10-10 09:11:09

Java

2020-07-14 08:31:42

CSS网格布局项目

2019-08-23 11:31:41

WindowsWindows 10软件

2021-02-26 14:13:48

鸿蒙HarmonyOS应用开发

2020-10-26 08:06:59

网络技巧CSS

2011-10-09 14:13:31

JavaFX

2021-04-12 08:01:21

GridFlexbox网格

2024-03-11 00:05:00

2009-11-06 14:33:27

WCF代理节点

2011-10-31 14:24:56

Java备忘录

2009-08-07 17:54:41

C#单元格数据

2020-11-25 12:02:02

TableLayout

2023-02-13 07:15:17

2021-08-09 07:26:33

瀑布流布局代码

2015-09-17 10:17:45

Facebook死亡

2023-01-24 16:07:27

元宇宙工具技术

2022-03-03 18:49:56

HarmonyOS鸿蒙操作系统

2015-09-23 14:43:00

小四格云计算科普
点赞
收藏

51CTO技术栈公众号