javafx的fxml用法（以tableView为例）

已于 2022-02-14 14:18:59 修改
阅读量3.8k 收藏 11
点赞数 2
分类专栏： javafx java 文章标签： java intellij-idea android studio
于 2022-02-14 14:15:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40169387/article/details/122923461
版权
本文详细介绍了工作区内容视图控制器的FXML布局与JavaFX组件交互，包括模型树、表格操作和记录设置。通过实例展示了TabPane、SplitPane和表格操作的事件监听功能。

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

效果

在这里插入图片描述

FXML部分

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import org.kordamp.ikonli.javafx.FontIcon?>
<SplitPane stylesheets="@WorkAreaContentView.css" dividerPositions="0.25" xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml" fx:controller="com.hirain.higale.plugin.acquisition.application.view.WorkAreaContentViewController">
    <items>
        <TabPane>
            <tabs>
                <Tab closable="false" text="模型">
                    <graphic>
                        <FontIcon iconLiteral="fa-gg"/>
                    </graphic>
                    <content>
                        <VBox spacing="4.0">
                            <children>
                                <HBox>
                                    <children>
                                        <MenuButton mnemonicParsing="false" text="All">
                                            <graphic>
                                                <FontIcon iconLiteral="fa-filter"/>
                                            </graphic>
                                            <items>
                                                <MenuItem mnemonicParsing="false" text="model-0"/>
                                                <MenuItem mnemonicParsing="false" text="model-1"/>
                                                <MenuItem mnemonicParsing="false" text="model-2"/>
                                                <MenuItem mnemonicParsing="false" text="model-3"/>
                                                <MenuItem mnemonicParsing="false" text="model-4"/>
                                            </items>
                                        </MenuButton>
                                        <TextField HBox.hgrow="ALWAYS"/>
                                        <Button mnemonicParsing="false">
                                            <graphic>
                                                <FontIcon iconLiteral="fa-search"/>
                                            </graphic>
                                        </Button>
                                    </children>
                                </HBox>
                                <TreeView fx:id="modelTreeView" VBox.vgrow="ALWAYS"/>
                            </children>
                            <padding>
                                <Insets top="4.0"/>
                            </padding>
                        </VBox>
                    </content>
                </Tab>
            </tabs>
        </TabPane>
        <SplitPane dividerPositions="0.75" orientation="VERTICAL">
            <items>
                <TabPane tabClosingPolicy="UNAVAILABLE">
                    <tabs>
                        <Tab text="记录">
                            <content>
                                <BorderPane>
                                    <top>
                                        <VBox>
                                            <HBox alignment="CENTER_LEFT" spacing="4.0" BorderPane.alignment="CENTER">
                                                <children>
                                                    <Label text="启动条件"/>
                                                    <TextField fx:id="startConditionText" prefWidth="100" text=""/>
                                                    <Label text="定时启动时间"/>
                                                    <TextField fx:id="StartTimeText" prefWidth="100" text=""/>
                                                    <HBox HBox.hgrow="ALWAYS"/>
                                                    <Label text="是否定时启动勾选栏"/>
                                                    <CheckBox fx:id="startTimeCheckBox" />
                                                </children>
                                                <padding>
                                                    <Insets bottom="4.0" top="4.0"/>
                                                </padding>
                                            </HBox>
                                            <HBox alignment="CENTER_LEFT" spacing="4.0" BorderPane.alignment="CENTER">
                                                <children>
                                                    <Label text="终止条件"/>
                                                    <TextField fx:id="endConditionText" prefWidth="100" text=""/>
                                                    <Label text="定时终止时间"/>
                                                    <TextField fx:id="endTimeText"  prefWidth="100" text=""/>
                                                    <HBox HBox.hgrow="ALWAYS"/>
                                                    <Label  text="是否定时终止勾选栏"/>
                                                    <CheckBox fx:id="endTimeCheckBox"/>
                                                </children>
                                                <padding>
                                                    <Insets bottom="4.0" top="4.0"/>
                                                </padding>
                                            </HBox>
                                            <HBox alignment="CENTER_LEFT" spacing="4.0" BorderPane.alignment="CENTER">
                                                <children>
                                                    <Label text="格式"/>
                                                    <ComboBox fx:id="fileFormatComboBox" prefWidth="100" value="TXT"/>
                                                    <Label text="路径"/>
                                                    <TextField fx:id="filePathText" prefWidth="100" text="100s"/>
                                                    <Label text="时长"/>
                                                    <TextField fx:id="fileTimeText" prefWidth="100" text="100s"/>
                                                    <Label text="抽样"/>
                                                    <TextField fx:id="samplingRatioText" prefWidth="100" text="1/1000"/>
                                                </children>
                                                <padding>
                                                    <Insets bottom="4.0" top="4.0"/>
                                                </padding>
                                            </HBox>
                                        </VBox>
                                    </top>
                                    <center>
                                        <TableView fx:id="dataTable">
                                            <columns>
                                                <TableColumn fx:id="variableId" prefWidth="125.0" sortable="false" text="变量ID"/>
                                                <TableColumn fx:id="variableName" prefWidth="125.0" sortable="false" text="变量名称"/>
                                                <TableColumn fx:id="variableAlias" prefWidth="125.0" sortable="false" text="变量别名"/>
                                            </columns>
                                        </TableView>
                                    </center>
                                    <bottom>
                                        <HBox alignment="CENTER_RIGHT" spacing="4.0" BorderPane.alignment="CENTER">
                                            <children>
                                                <Button fx:id="insertButton" text="插入"/>
                                                <Button fx:id="deleteButton" text="删除"/>
                                                <Button fx:id="moveUpButton" text="上移"/>
                                                <Button fx:id="moveDownButton" text="下移"/>
                                                <Button fx:id="moveTopButton" text="置顶"/>
                                                <Button fx:id="moveBottomButton" text="置底"/>
                                            </children>
                                            <padding>
                                                <Insets bottom="4.0" top="4.0"/>
                                            </padding>
                                        </HBox>
                                    </bottom>
                                </BorderPane>
                            </content>
                        </Tab>
                    </tabs>
                </TabPane>
            </items>
        </SplitPane>
    </items>
</SplitPane>

controller层

package com.hirain.higale.plugin.acquisition.application.view;

import com.hirain.higale.common.javafx.View;
import com.hirain.higale.common.javafx.ViewController;
import com.hirain.higale.common.javafx.reactor.JavafxReactor;
import com.hirain.higale.framework.stereotype.StatefulComponent;
import javafx.beans.property.SimpleStringProperty;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.*;
import javafx.scene.control.cell.PropertyValueFactory;

import java.net.URL;
import java.util.Collections;
import java.util.List;
import java.util.ResourceBundle;

@StatefulComponent
@ViewController(view = @View(location = "WorkAreaContentView.fxml"))
public class WorkAreaContentViewController implements Initializable {

    @FXML
    private TreeView<String> modelTreeView;

    @FXML
    private TextField startConditionText;

    @FXML
    private TextField StartTimeText;

    @FXML
    private TextField endConditionText;

    @FXML
    private TextField endTimeText;

    @FXML
    private TextField filePathText;

    @FXML
    private TextField fileTimeText;

    @FXML
    private TextField samplingRatioText;

    @FXML
    private CheckBox startTimeCheckBox;

    @FXML
    private CheckBox endTimeCheckBox;

    @FXML
    private ComboBox fileFormatComboBox;

    @FXML
    private TableView<DataRecord> dataTable = new TableView<DataRecord>();

    @FXML
    private TableColumn variableId = new TableColumn();

    @FXML
    private TableColumn variableName = new TableColumn();

    @FXML
    private TableColumn variableAlias = new TableColumn();

    @FXML
    private Button insertButton;

    @FXML
    private Button deleteButton;

    @FXML
    private Button moveUpButton;

    @FXML
    private Button moveDownButton;

    @FXML
    private Button moveTopButton;

    @FXML
    private Button moveBottomButton;

    private ObservableList<DataRecord> data;

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        initializeDataRecordTable();
        listenDataRecordTable();

    }

    public void listenDataRecordTable(){
        JavafxReactor.actionEventsOf(insertButton).subscribe(event -> {
            dataTable.getSelectionModel().getSelectedIndices().forEach( selectIndex ->{
                dataTable.getItems().add(selectIndex,new DataRecord("","",""));
                dataTable.getSelectionModel().select(selectIndex);
            });
        });

        JavafxReactor.actionEventsOf(deleteButton).subscribe(event -> {
            dataTable.getSelectionModel().getSelectedIndices().forEach( selectIndex ->{
                dataTable.getItems().remove(dataTable.getItems().get(selectIndex));
            });
        });

        JavafxReactor.actionEventsOf(moveUpButton).subscribe(event -> {
            dataTable.getSelectionModel().getSelectedIndices().forEach( selectIndex ->{
                int foreIndex = selectIndex.intValue() == 0 ? 0 : selectIndex.intValue() - 1;
                Collections.swap(dataTable.getItems(),foreIndex,selectIndex.intValue());
                dataTable.getSelectionModel().select(foreIndex);
            });
        });

        JavafxReactor.actionEventsOf(moveDownButton).subscribe(event -> {
            dataTable.getSelectionModel().getSelectedIndices().forEach( selectIndex ->{
                int afterIndex = selectIndex.intValue() == dataTable.getItems().size() - 1 ? dataTable.getItems().size() - 1 : selectIndex.intValue() + 1;
                Collections.swap(dataTable.getItems(),afterIndex,selectIndex.intValue());
                dataTable.getSelectionModel().select(afterIndex);
            });
        });

        JavafxReactor.actionEventsOf(moveTopButton).subscribe(event -> {
            dataTable.getSelectionModel().getSelectedIndices().forEach( selectIndex ->{
                int foreIndex = 0;
                Collections.swap(dataTable.getItems(),foreIndex,selectIndex.intValue());
                dataTable.getSelectionModel().select(foreIndex);
            });
        });

        JavafxReactor.actionEventsOf(moveBottomButton).subscribe(event -> {
            dataTable.getSelectionModel().getSelectedIndices().forEach( selectIndex ->{
                int afterIndex = dataTable.getItems().size()-1;
                Collections.swap(dataTable.getItems(),afterIndex,selectIndex.intValue());
                dataTable.getSelectionModel().select(afterIndex);
            });
        });
    }

    public void initializeDataRecordTable(){
        variableId.setCellValueFactory(new PropertyValueFactory<DataRecord, Integer>("id"));
        variableName.setCellValueFactory(new PropertyValueFactory<DataRecord, String>("name"));
        variableAlias.setCellValueFactory(new PropertyValueFactory<DataRecord, String>("alias"));
        dataTable.getItems().setAll(getDataRecordInfo());
    }

    public List<DataRecord> getDataRecordInfo(){
        data =  FXCollections.observableArrayList(
                new DataRecord("1", "Smith", "张三"),
                new DataRecord("2", "Johnson", "李四"),
                new DataRecord("3", "Williams", "王五"),
                new DataRecord("4", "Jones", "卢二"),
                new DataRecord("5", "Brown", "赵一")
        );
        return data;
    }

    public static class DataRecord {
        private final SimpleStringProperty id;
        private final SimpleStringProperty name;
        private final SimpleStringProperty alias;

        private DataRecord(String fName, String lName, String email) {
            this.id = new SimpleStringProperty (fName);
            this.name = new SimpleStringProperty(lName);
            this.alias = new SimpleStringProperty(email);
        }

        public String getId() {
            return id.get();
        }

        public SimpleStringProperty idProperty() {
            return id;
        }

        public void setId(String id) {
            this.id.set(id);
        }

        public String getName() {
            return name.get();
        }

        public SimpleStringProperty nameProperty() {
            return name;
        }

        public void setName(String name) {
            this.name.set(name);
        }

        public String getAlias() {
            return alias.get();
        }

        public SimpleStringProperty aliasProperty() {
            return alias;
        }

        public void setAlias(String alias) {
            this.alias.set(alias);
        }

    }


}
JavaFX 表视图
2012年开始工作，全栈开发老兵，目前已是一个老师，分享这么多年的心得体会
09-04 238
我们可以使用来自 JavaFX API 的 TableView，TableColumn 和 TableCell 类以表格形式表示数据。通过实现数据模型和应用单元工厂来填充表中的数据。表类可以按列排序数据，并在必要时调整列大小。
Java：JavaFX项目FXML文件应用实例
彭世瑜的博客
09-01 3811
布局文件和逻辑文件分离 可以使用 Scene Builder进行编辑 IDEA中使用scene builder 项目结构 ── src ├── com │ └── company │ ├── Controller.java # 控制器文件 │ ├── Main.java # 主文件 │ └──...
零基础直接上手java跨平台桌面程序，使用javafx(五)TableView显示excel表
mrdzhu的博客
06-12 609
在hello-view.fxml的文本中，要增加一些代码。在TableView定义中加上fx:id="TableView1"，这样java代码才方便访问，在java代码中要加上@FXML private TableView TableView1;表示定义TableView1这个变量，它关联的是界面上的fx:id="TableView1"的控件。我们运行程序，打开一个电子表格，就能看到电子表中的内容了：样式有点丑，我们以后再调整。
JavaFx基础学习【五】：FXML布局文件使用
Staba的博客
08-14 2213
FXML是一种在JavaFX应用程序中定义用户界面的，基于XML的声明性标记语言。FXML非常适用来静态布局，如表单、控件和表格。如果你还不是不明白FXML到底是什么，你可以类比HTML，我们可以通过HTML来做web页面的UI，同理，我们就可以使用FXML来做JavaFx应用程序的UI。1、fx:id，用于指定标签的id，通过该id，我们便能够找到该标签我是一个按钮
javafx基于使用fxml布局的tableview数据绑定用法
weixin_33826609的博客
09-06 1036
来个简单明了的 fxml的tableview数据绑定和java代码方式的数据绑定很像，不同的在于要有一到映射 首先看个目录 1.界面文件Sample.fxml 1 &lt;?xml version="1.0" encoding="UTF-8"?&gt; 2 3 &lt;?import java.lang.*?&gt; 4 &lt;?import java.uti...
（翻译）JavaFX高级教程：JavaFX2.0的FXML语言
经过一个过程，然后成为自己
10-31 629
  原文地址http://download.oracle.com/javafx/2.0/fxml_get_started/jfxpub-fxml_get_started.htm       FXML是JavaFX 2.0新引入的。你可能会问"What is FXML?" 和"Is FXML for me?" FXML 是基于XML的一种声明性标记语言，用来定义应用的用户接口。FXM...
JavaFX TableView
zg
11-09 416
步骤 0. 项目结构 1. 定义数据模型 2. FXML 3. Controller 4. Stage 5. 效果展示 项目结构 定义数据模型 public class Person { private StringProperty name; private IntegerProperty id; public Person(String name, Integer id) { this.name = new SimpleStringProper
javafx fxml文件中Tableview配置checkbox
09-10
在JavaFX的FXML文件中配置TableView以显示复选框，需要使用`TableView`的列（Column）中的`CheckBoxTableCell`。这里是一个基本的配置示例： 首先，在FXML文件中定义TableView及其列： ```xml <TableView fx:...
基于JavaFx TableView的人员增删查改界面
12-22
8. **添加数据**：使用ObservableList的`add()`方法可向列表中添加新人员，TableView会自动更新。 9. **删除数据**：选择特定行后，通过调用ObservableList的`remove()`方法移除选中人员，同时更新界面。 10. **...
javafx fxml TableView2行表头
最新发布
03-11
### 创建具有多行列标题的 TableView 在 JavaFX 中，`TableView` 组件本身并不直接支持多...请注意，在实际应用中还需要为每一个 `TableColumn` 配置相应的 `CellValueFactory` 方法以便正确显示对应的键值对内容。
JavaFX—— 往TableView中导入数据
lidancsdn的博客
01-25 3794
前言：在使用图形界面做项目的时候，我们可能需要模块化的展示多组数据，比如说这样： 在JavaFX中我们就可以创建一个tableView的控件，这个控件如同就是一张表，我们可以通过往这个表里载入数据的方法，来展示我们的数据~~ 那我们要如何往TableView中载入数据并显示出来呢？？？ 表格设计 作用：建立表头，限定列的数据属性 import javafx.scene.control.TableColumn; import javafx.scene.control.TableView; import ja
FXML入门
10-09 3392
FXML入门   FXML是JavaFX 2.0提供的新技术。你可能会问“什么是FXML？”，“对我来说有什么用？”。 FXML是一种在JavaFX应用程序中定义用户界面的，基于XML的声明性标记语言。FXML非常适合用来静态布局，如表单、控件和表格。使用FXML，您还可以通
JavaFX 加载 fxml 文件
weiweiqiao的专栏
08-26 3810
示例如下：创建一个有 menuBar、menuItem 的窗体，在 fxml 中定义 menuItem 的 id 和 Action，在 ***Controller 中操作控件 menuItem 和 Action。fmxl 文件，其中 openItem 没有设置 onAction，closeItem 设置 onAction，注意之后的两种处理方式。
FXML与SceneBuilder开发中TableView控件的使用
qq_20833373的博客
11-08 6789
FXML与SceneBuilder进行界面开发中TableView的使用方法
JavaFx—TableView控件的创建以及增删查改功能实现(MySql同步)
2201_75692232的博客
11-22 3113
接着再fxml文件中创建一个AnchorPane布局，然后在Controls(控件)中找到TableView并将其拖到布局中，再找到TableColumn控件，对其设置好id名称后并将其拖到布局中的TableView中即可。接着在MasterController类中，我们需要声明控件(TableView和TableColumn)，创建集合，编写lodaDate()方法用于初始化TableView，并将loadDate()方法添加到initialize()方法中。在User类中，我们需要按下图方式创建变量。
JavaFx TableView使用起步
杨唐的博客
03-14 455
TestController.java import javafx.beans.property.SimpleStringProperty; import javafx.beans.property.StringProperty; import javafx.collections.FXCollections; import javafx.collections.ObservableList; import javafx.fxml.FXML; import javafx.fxml.Initiali...
JavaFX入门（二）：JavaFX和FXML
给永远比拿愉快
12-04 3万+
在我的JavaFXML系列博客第一篇《JavaFX入门（一）：我的第一个JavaFX程序 》中我们用纯Java代码写了一个很简单的JavaFXML程序，这一节中我们使用FXML编写程序界面，然后用Java书写后台逻辑完成上一节中的程序，实现相同的功能。 通俗的理解FXML：FXML是一种以XML的格式表示JavaFX界面对象的文件，FXML文件中的每一个元素可以映射到JavaFX中的一个类，每个
Java最新图形化界面开发技术——JavaFx教程（含UI控件用法介绍、属性绑定、事件监听、FXML）
热门推荐
实用技术干货分享⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄对您有用的话请点个关注吧~
04-20 3万+
JavaFX是Java的下一代图形用户界面工具包。JavaFX是一组图形和媒体API，我们可以用它们来创建和部署富客户端应用程序。JavaFX允许开发人员快速构建丰富的跨平台应用程序。JavaFX通过硬件加速图形支持现代GPU。JavaFX允许开发人员在单个编程接口中组合图形，动画和UI控件。图表编程语言可用于开发互联网应用程序(RIA)。JavaFX技术主要应用于创建Rich internet applications(RIAs)。
JavaFX UI控件教程（十三）之Table View
茅坤宝骏氹的博客
10-16 4140
翻译自Table View 在本章中，您将学习如何使用JavaFX应用程序中的表执行基本操作，例如添加表，使用数据填充表以及编辑表行。 JavaFX SDK API中的几个类旨在以表格形式表示数据。用于创建JavaFX应用程序表中的最重要的类是TableView，TableColumn和TableCell。您可以通过实现数据模型和应用单元工厂来填充表。 表类提供了内置功能，可以对列中的数...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值