JavaFX GridPane布局

于 2024-09-03 17:02:54 发布
阅读量92 收藏
点赞数
分类专栏： JavaFx 文章标签： 前端
转发请留下原链接哈，否则我会不开心的！！！
本文链接：https://blog.csdn.net/imjcoder/article/details/141866504
版权
JavaFx 专栏收录该内容
42 篇文章 8 订阅 ¥29.90 ¥99.00
订阅专栏

网格布局

GridPane通常用于布局：表单布局

GridPane可以在行，列或单元格级别指定约束。
例如，我们可以设置包含输入文本字段的第二列，以在窗口调整大小时调整大小。

使用Java FX创建表格的时候，这个布局非常方便。

包javafx.scene.layout名为GridPane这个类提供了 11 个属性，它们是 -

  • alignment- 此属性可以设置位置，使用方式setAlignment()方法设置此属性的值。

放置在顶部，底部，左侧，右侧和中心区域中的节点的默认对齐方式如下：        

  • 中心: Pos.CENTER
  • 右侧: Pos.TOP_RIGHT
  • 左侧: Pos.TOP_LEFT
  • 底部: Pos.BOTTOM_LEFT
  • 顶部: Pos.TOP_LEFT

  • hgap- 此属性的类型为double，表示列之间的水平差距。
了解本专栏 订阅专栏 解锁全文
黑石课堂
关注
专栏目录
订阅专栏
javaFX GridPane
sweetStreet的博客
08-10 2278
import javafx.application.Application; import javafx.event.ActionEvent; import javafx.event.EventHandler; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.scene.Scene; import ja
JavaFX：GridPane概述
cumao2792的博客
09-15 1173
The 的 GridPane class creates a JavaFX layout pane which places controls based on a column and row position. The grid contained in this layout is not predefined. It creates columns and rows as each c...
JavaFX2.0网格布局窗格GridPane（中文版）
01-28
JavaFX2.0网格布局窗格GridPane.docx 官方翻译文档
JavaFX布局-GridPane
最新发布
ceclar123的专栏
08-03 411
GridPane通过行列设置，将子节点放在单元格中
JavaFX- GridPane（网格布局）
贾岚翔的博客
06-10 3894
package sample; import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.layout.GridPane; import javafx.stage.Stage; public class Main extends Application { public static void ma...
javafx边框线_向GridPane JavaFX添加边框
weixin_39918690的博客
01-17 1820
不要使用setGridLinesVisible(true)： documentation明确声明这仅用于调试.而是将窗格放在所有网格单元格中(甚至是空格子单元格),并设置窗格样式以便您看到边框. (这使您有机会非常小心地控制边框,因此可以避免双边框等.)然后将内容添加到每个窗格.您还可以使用窗格注册鼠标侦听器,这意味着您无需进行丑陋的数学计算以确定单击了哪个单元格.将边框应用于任何区域的推荐方法是...
Javafx 网格布局
LJT_1314520的博客
06-17 1296
目录网格布局 完整代码：运行效果为：注册页面案例制作 ：分析布局：分析控件：控件讲解 ：下拉框的使用 ： 完整代码：复选框的使用：效果图：完整代码 ：页面制作：布局设置：文本控件设置：输入框控件设置：单选框设置： 下拉框设置：复选框设置：按钮设置：控件与网格绑定： 将整个面板划分为若干个格子,每个格子的大小是一样的,每个格子中可以放置一个控件（布局）,类似于表格的方式。在网格布局 中放入控件的时候,还需要指定位置。 可以设置表格位置：Pos()方法是调用你要放在哪个位置上的 可以观察到每个控件之
javafx gridpane 合并单元格
09-01
JavaFX的GridPane是一个灵活且强大的布局容器，它可以将多个子节点按行和列进行组织。GridPane还允许合并单元格，以实现更复杂的布局需求。 要合并GridPane中的单元格，可以使用GridPane的mergeConstraints方法。该...
javafx布局之gridpane
sunbirdhan的专栏
07-28 1万+
刚刚测试了gridpane这个布局管理器，因为它和xaml的grid布局控件很相似，
JavaFx中的表格
03-19
表格源码 博文链接：https://helly2115.iteye.com/blog/722008
java gridview使用方法
12-15
java gridview使用方法
JAVA FX—网格布局
wy_kvk的博客
07-02 799
网格概念： 网格（Grid）布局在前端的实际应用中非常广泛。其作用是将网页划分成一个个网格，且这些网格可以随意组合，具有很强的便利性。 响应式布局： 响应式布局就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。2响应式布局属性可以进行响应式布局在repeat中使用auto-fit或auto-fill。3、auto-fit和auto-fill的共同点： 1.就是尽可能多的创建轨道。 ......
JavaFX GridPane
weiweiqiao的专栏
09-04 159
A JavaFX GridPane is a layout component which lays out its child components in a grid. The size of the cells in the grid depends on the components displayed in the GridPane, but there are some rules. All cells in the same row will have the same height, and
JavaFX 网格布局 GridPane
jialan75的博客
01-10 983
package fx.com; import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.image.Image; import javafx.scene.layout.GridPane; import javafx.stage.Stage; public class Main extends Application {.
JavaFX 布局——GridPane
每天走走
12-25 1万+
示例代码： import javafx.application.Application; import javafx.collections.ObservableList; import javafx.geometry.HPos; import javafx.geometry.Insets; import javafx.scene.Node; import javafx.scene.Paren...
JavaFX桌面应用开发-GridPane（网格布局）
热门推荐
hujyhfwfh2的博客
04-12 1万+
1:GridPane-网格布局 为了演示这个布局 我们模拟做一个登录的窗口 如下效果 点击"清除"Button可以清除用户名和密码；点击"登录"Button会进行判断，登录成功就会跳转到另外一个页面，代码在下面 package application; import java.util.HashMap; import java.util.Map; import java.util....
gridpane布局javafx
09-02
GridPane布局是JavaFX中一种常用的布局方式，它允许我们将组件以网格的形式排列。在GridPane布局中，我们可以将组件按照行和列的方式进行布局。 使用GridPane布局，我们首先需要创建一个GridPane对象，然后可以使用add()方法将组件添加到网格中。我们可以指定每个组件在网格中的行和列索引，以及其所占的行数和列数。 以下是一个示例代码，演示了如何使用GridPane布局： ```java // 创建GridPane对象 GridPane gridPane = new GridPane(); // 创建组件 Button button1 = new Button("Button 1"); Button button2 = new Button("Button 2"); Button button3 = new Button("Button 3"); Button button4 = new Button("Button 4"); // 将组件添加到网格中 gridPane.add(button1, 0, 0); // 在第一行第一列 gridPane.add(button2, 1, 0); // 在第一行第二列 gridPane.add(button3, 0, 1, 2, 1); // 在第二行第一列，占据两列 gridPane.add(button4, 2, 0); // 在第一行第三列 // 设置网格布局的一些属性 gridPane.setHgap(10); // 设置水平间距 gridPane.setVgap(10); // 设置垂直间距 gridPane.setAlignment(Pos.CENTER); // 设置组件在网格中的对齐方式 // 创建场景并将GridPane添加到场景中 Scene scene = new Scene(gridPane, 400, 300); // 显示场景 primaryStage.setScene(scene); primaryStage.show(); ``` 在上面的示例中，我们创建了一个GridPane对象，并将四个按钮添加到网格中。我们使用add()方法指定了每个按钮所在的行和列索引，以及它们所占的行数和列数。我们还可以使用setHgap()和setVgap()方法设置网格的水平和垂直间距，并使用setAlignment()方法设置组件在网格中的对齐方式。 希望这个示例能够帮助您了解如何使用GridPane布局来布局JavaFX应用程序中的组件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黑石课堂

请给我打钱！！！谢谢，不客气！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值