ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Fx 网格布局

2022-06-19 15:31:33  阅读:158  来源: 互联网

标签:primaryStage Fx gridPane 布局 网格 Label add new choiceBox


      网格布局

 

将整个面板划分为若干个格子,每个格子的大小是一样的,每个格子中可以放置一个控件(布局),类似于表格的方式。在网格布局 中放入控件的时候,还需要指定位置

 

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);

 

gridPane.add(name, 1, 0);

 

gridPane.add(l2, 0, 1);

 

gridPane.add(pwd, 1, 1);

 

gridPane.add(login, 0, 2);

 

网格布局默认是左上角的

 

 

 

 

 

 

代码可以调整

gridPane.setAlignment(Pos.CENTER);

 

public enum Pos {

TOP_LEFT 左上 TOP_CENTER   居上

TOP_RIGHT 右上 CENTER_LEFT   居左

CENTER   居中

CENTER_RIGHT   居右

BOTTOM_LEFT   左下

BOTTOM_CENTER   居下

BOTTOM_RIGHT   右下

}

 

 可以观察到每个控件之间挨得太近了,可以使用代码将距离调整开

 

 

 gridPane.setHgap(10);  //两个格子之间的水平距离

gridPane.setVgap(10);   //两个各自之间的垂直距离

           

 

完整代码

@Override public void start(Stage primaryStage) throws IOException{

//新建布局

 GridPane gridPane = new GridPane();

//设置居中方式

gridPane.setAlignment(Pos.CENTER);

//调整间隙

gridPane.setHgap(10);

gridPane.setVgap(10);

//新建文本标签:用户名

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)

gridPane.add(name, 1, 0);

gridPane.add(l2, 0, 1);

gridPane.add(pwd, 1, 1);

gridPane.add(login, 0, 2);

//生成场景并完成布局绑定,同时设定场景大小

Scene scene = new Scene(gridPane, 300, 200);

//主容器标题设置

primaryStage.setTitle("网格登录");

//给主容器绑定场景(让场景显示出来)

primaryStage.setScene(scene);

//不要忘了这一行,让主容器显示

primaryStage.show();

接下来加入一些新的控件

单选框的使用

RadioButton men = new RadioButton("

标签:primaryStage,Fx,gridPane,布局,网格,Label,add,new,choiceBox
来源: https://www.cnblogs.com/aaabaa/p/16390572.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有