JAVA FX—网格布局

本文探讨了JavaFX中的两种布局:网格布局和响应式布局。网格布局允许灵活地划分和组合网页,而响应式布局则旨在确保网站在不同终端上的兼容性。文章详细介绍了网格布局的概念和属性,以及响应式布局的工作原理和auto-fit与auto-fill的差异。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

网格布局:

1、概念:

网格(Grid)布局在前端的实际应用中非常广泛。其作用是将网页划分成一个个网格,且这些网格可以随意组合,具有很强的便利性。

2、属性:

grid-rows 同时设置行和列
grid-template-columns 设置列
grid-template-rows 设置行
GridPane gridPane = new GridPane();
//新建文本标签:用户名
Label l1 = new Label("用户名");
//新建输入框
TextField name = new TextField("请输入用户名");
//新建文本标签:用户密码
Label l2 = new Label("用户密码");
//新建密码框
PasswordField pwd = new PasswordField();
//登录按钮的创建
Button login = new Button("登录");
//指定位置:按照之前的位置图进行对比并完成位置推理
gridPane.add(l1, 0, 0);
网格布局中的网格是默认居左上的
可以通过代码调整其网格位置
Pos 类中定义了一些居中方式
gridPane.add(name, 1, 0);
gridPane.add(l2, 0, 1);
gridPane.add(pwd, 1, 1);
gridPane.add(login, 0, 2);
//设置居中方式
gridPane.setAlignment(Pos.CENTER);
//网格布局中的网格是默认居左上的
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值