(翻译)JavaFX2.0网格布局窗格GridPane

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

public class GridPane extends Pane

 

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

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

GridPane也可以使用CSS来装饰。

网格约束

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

 

columnIndex integer 孩子结点的起始列
rowIndex integer 孩子结点的起始行
columnSpan integer 孩子结点的水平跨列数目
rowSpan integer 孩子结点的垂直跨行数目

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

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

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

     GridPane gridpane = new GridPane();

     // Set one constraint at a time...
     Button button = new Button();
     GridPane.setRowIndex(button, 1);
     GridPane.setColumnIndex(button, 2);

     // or convenience methods set more than one constraint at once...
     Label label = new Label();
     GridPane.setConstraints(label, 3, 1);

 // column=3 row=1

     // don't forget to add children to gridpane
     gridpane.getChildren().addAll(button, label);


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


     GridPane gridpane = new GridPane();
     gridpane.add(new Button(), 2, 1);


 // column=2 row=1
     gridpane.add(new Label(), 3, 1);

  // column=3 row=1

行列大小

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

     GridPane gridpane = new GridPane();
     gridpane.getColumnConstraints().add(new ColumnConstraints(100));

 // column 1 is 100 wide
     gridpane.getColumnConstraints().add(new ColumnConstraints(200));

 // column 2 is 200 wide

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

     GridPane gridpane = new GridPane();
     ColumnConstraints column1 = new ColumnConstraints(100,100,Double.MAX_VALUE);
     column1.setHgrow(Priority.ALWAYS);

     ColumnConstraints column2 = new ColumnConstraints(100);
     gridpane.getColumnConstraints().addAll(column1, column2); 
// first column gets any extra width

百分百大小

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

     GridPane gridpane = new GridPane();
     ColumnConstraints column1 = new ColumnConstraints();
     column1.setWidthPercent(50);

     ColumnConstraints column2 = new ColumnConstraints();
     column2.setWidthPercent(50);

     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 孩子结点的外部边空间.
目录
相关文章
|
6月前
|
Java 开发者
Java一分钟之-JavaFX布局管理:GridPane, VBox, HBox
本文介绍了JavaFX的三种常用布局管理器:GridPane、VBox和HBox。GridPane用于创建二维网格布局,需设置行和列约束以防止控件重叠。VBox按垂直方向堆叠控件,记得设置间距。HBox水平排列控件,可能需要分配额外空间以避免水平滚动条。示例代码展示了这三种布局的使用。理解并运用这些布局管理器能提升JavaFX应用的界面设计。
297 0
|
6月前
|
存储 数据可视化 测试技术
[Qt5] QGraphics图形视图框架概述(Item、Scene和View)
[Qt5] QGraphics图形视图框架概述(Item、Scene和View)
1168 0
5.使用StackPanel面板进行简单布局
5.使用StackPanel面板进行简单布局
68 0
|
Python
【tkinter学习笔记 - 5】:布局管理器(grid、pack、place)
【tkinter学习笔记 - 5】:布局管理器(grid、pack、place)
242 0
【tkinter学习笔记 - 5】:布局管理器(grid、pack、place)
实例1、用TableLayoutPanel 制作表格
实例1、用TableLayoutPanel 制作表格
733 0
实例1、用TableLayoutPanel 制作表格
|
Java
javaFx 改变stage的标题条的图标
原文来自:http://stackoverflow.com/questions/10275841/how-to-change-the-icon-on-the-title-bar-of-a-stage-in-java-fx-2-0-of-my-applicat/15206407#15206407
305 0
javaFx 改变stage的标题条的图标
|
前端开发 容器
【全面解禁!真正的Expression Blend实战开发技巧】十一章 全面解析布局(Grid & Canvas &StackPanel &Wrappanel)
原文:【全面解禁!真正的Expression Blend实战开发技巧】十一章 全面解析布局(Grid & Canvas &StackPanel &Wrappanel)   写这篇文章前,特意在百度搜索了一下,发现目前网上介绍布局的文章不多,质量也不是很高。
998 0
|
容器
零元学Expression Blend 4 - Chapter 10 用实例了解布局容器系列-「StackPanel」
原文:零元学Expression Blend 4 - Chapter 10 用实例了解布局容器系列-「StackPanel」 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend 4 里的乖宝宝-「StackPanel」;及加码赠送「ScrollViewer」的运用。
1104 0
|
容器
[GEF]在非XYLayout布局的container里调整children尺寸
以前只做过两种类型的GEF程序,一种是画布使用XYLayout,子图形可以在上面随意改变大小和位置;另一种是画布使用非XYLayout的布局,子图形的大小和位置由布局决定,用户不能用鼠标拖动的方式改变。
1344 0