Java开发桌面程序学习（二）————fxml布局与控件学习

日期：2021-05-13 栏目：程序人生浏览：次

新建完项目，我们的项目有三个文件

Main.java 程序入口类，载入界面并显示

Controller.java 事件处理,与fxml绑定

Sample.fxml 界面

sample.fxml需要通过标签fx:controller定义对应的controller

<FlowPane fx:controller="sample.Controller" ..> </FlowPane> 专业术语

舞台(Stage)，场景(Scene)，容器(Container)，布局(Layout )和控件(Controls)之间的关系

Java开发桌面程序学习（二）————fxml布局与控件学习

常用容器（布局）Container

可以把容器和布局统一成一个概念

Vbox
相当于垂直方向LinearLayout

Hbox
相当于垂直方向的LinearLayout

FlowPanel
相当于LinearLayout，方向可以定义水平或者垂直，设置水平方向，第一行排满之后，会自动换行排列，设置垂直方向，第一列排满之后，会自动换下一列

BorderPane
上中下左右五个部分

AnchorPane
相当于Android里面的约束布局，比如让某个控件离右边100px，离下边100px

ScrollPane 滑动的布局

常用控件（Control）

默认的为原生的，JFX前缀则是Jfoenix里面的

文本

label

JFXPasswordField 密码框

JFXTextField 单行输入框

JFXTextArea 多行输入框

按钮

JFXButton

选择框

JFXCheckbox

JFXRadioButton

MenuButton 下拉选择

图片

ImageView

进度条

JFXProcessbar

JFXSlider 水平调节，类似按下音量键出现横线

JFXSpinner 圆圈进度条

开关

JFXToggleButton

列表

JFXListView

菜单

MenuBar 自带有鼠标滑过变色，就像SceneBuilder的菜单栏

MenuItem

RadioMenuItem 点击之后前面会有√,一列菜单可以有多个，但是只能选择一个RadioMenuItem，RadioMenuItem之间是互斥的，需要使用toggleGroup分为同一组

CheckMenuItem 多选，一列菜单有多个，也可以选多个

ToggleGroup toggleGroup = new ToggleGroup(); RadioMenuItem radioItem1 = new RadioMenuItem("Option 1"); radioItem.setOnAction(new EventHandler<ActionEvent>() { @Override public void handle(ActionEvent e) { System.out.println("radio toggled"); } }); radioItem1.setToggleGroup(toggleGroup); RadioMenuItem radioItem2 = new RadioMenuItem("Option 2"); radioItem.setOnAction(new EventHandler<ActionEvent>() { @Override public void handle(ActionEvent e) { System.out.println("radio toggled"); } }); radioItem2.setToggleGroup(toggleGroup);

SeparatorMenuItem 分割线
前面需要在添加到MenuBar里面才能使用

SpiltMenuButton 左边是某个按钮，右边是一个下拉箭头，点击左边，就会实现按钮操作，点击右边，在出现的列表中选择某一项，就可以改变左边按钮

使用SceneBuilder生成fxml布局

由于现有的工具不多，只有个界面化的工具，所以就不过多去研究fxml代码部分了。

我们还是弄个用户登录界面上手吧，使用SceneBuilder弄成以下布局

Java开发桌面程序学习（二）————fxml布局与控件学习