JAVA FX—网格布局

网格概念:网格(Grid)布局在前端的实际应用中非常广泛。其作用是将网页划分成一个个网格,且这些网格可以随意组合,具有很强的便利性。响应式布局:响应式布局就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。2响应式布局属性可以进行响应式布局在repeat中使用auto-fit或auto-fill。3、auto-fit和auto-fill的共同点: 1.就是尽可能多的创建轨道。 ......
摘要由CSDN通过智能技术生成

网格布局:

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);
//网格布局中的网格是默认居左上的
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值