JAVAFX中高级TreeView控件使用教程（用到scenebuilder）

最新推荐文章于 2024-07-10 03:05:47 发布
最新推荐文章于 2024-07-10 03:05:47 发布
阅读量3k 收藏 16
点赞数 2
分类专栏： 东北大学大一下暑期实训项目 文章标签： eclipse java ui Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63141702/article/details/128693500
版权

1.TreeView实现效果

TreeView实现效果如下图所示，每个结点包含图片并且右击节点可以显示菜单项

2.菜单类

菜单类负责在右击节点时显示菜单，具体是是实现如下所示，为了节省代码占用行数，省略了一些代码 
    private final class TextFieldTreeCellImpl extends TreeCell<String> {

        private TextField textField;// 文本域外观组件对象
        // 上下文菜单对象的创建
        private final ContextMenu addMenu1 = new ContextMenu();
        private final ContextMenu addMenu2 = new ContextMenu();
        private final ContextMenu addMenu3 = new ContextMenu();
        private final ContextMenu addMenu4 = new ContextMenu();
        private final ContextMenu addMenu5 = new ContextMenu();

        public TextFieldTreeCellImpl() {// 构造方法的定义
            // 上下文菜单选项对象的创建
            MenuItem addMenuItem1 = new MenuItem("添加小区节点");
            MenuItem addMenuItem2 = new MenuItem("添加楼号节点");
            MenuItem addMenuItem3 = new MenuItem("添加单元节点");
            MenuItem addMenuItem4 = new MenuItem("添加房间节点");
            MenuItem removeMeunItem1 = new MenuItem("删除小区节点");
            MenuItem removeMeunItem2 = new MenuItem("删除楼号节点");
            MenuItem removeMeunItem3 = new MenuItem("删除单元节点");
            MenuItem removeMeunItem4 = new MenuItem("删除房间节点");
            MenuItem maintain = new MenuItem("维护房间节点");
            //将上下文菜单选项对象添加至上下文菜单对象                                
            addMenu1.getItems().add(addMenuItem1);
            addMenu2.getItems().add(addMenuItem2);
            addMenu3.getItems().add(addMenuItem3);
            addMenu4.getItems().add(addMenuItem4);
            addMenu2.getItems().add(removeMeunItem1);
            addMenu3.getItems().add(removeMeunItem2);
            addMenu4.getItems().add(removeMeunItem3);
            addMenu5.getItems().add(removeMeunItem4);
            addMenu5.getItems().add(maintain);

            //点击上下文菜单选项触发的事件如下
            addMenuItem1.setOnAction((ActionEvent t) -> {
                //以下代码段表示事件触发所执行的代码
                index = 1;
                PopWindow(getTreeItem());
            });// 添加小区节点
        }

        // 获取该Item的名字
        private String getString() {
            return getItem() == null ? "" : getItem().toString();
        }
        //以下代码负责判断右击节点显示哪个菜单
        public void updateItem(String item, boolean empty) {
            super.updateItem(item, empty);

            if (empty) {
                setText(null);
                setGraphic(null);
            } else {
                setText(getString());
                setGraphic(getTreeItem().getGraphic());
                if (getTreeItem().getParent() == null) {
                    setContextMenu(addMenu1);
                } else if (getTreeItem().getParent().getParent() == null) {
                    setContextMenu(addMenu2);
                } else if (getTreeItem().getParent().getParent().getParent() == null) {
                    setContextMenu(addMenu3);
                } else if (getTreeItem().getParent().getParent().getParent().getParent() == null) {
                    setContextMenu(addMenu4);
                } else if (getTreeItem().isLeaf()) {
                    setContextMenu(addMenu5);
                } else
                    setContextMenu(null);
            }

        }
    }

}

3.TreeView显示

图片格式要求 像素，位置跟Controller类最好在同一个包，不然不好调用图片。
定义根节点图片 
private final Node rootIcon = new ImageView(new Image(getClass().getResourceAsStream("12345.png")));
定义分支节点图片 
private final Image depIcon1 = new Image(getClass().getResourceAsStream("11.png"));
定义根节点属性 
rootItem = new TreeItem<String>("房屋管理", rootIcon);
定义分支节点属性 
TreeItem<String> item1 = new TreeItem<>(area.getAreaName(), new ImageView(depIcon1));
完整代码如下所示，值得注意的是最好不要在scenebuilder中建立TreeView，而是在scenebuilder中建立VBox，再将TreeView添加置VBox中去 
    private final Node rootIcon = new ImageView(new Image(getClass().getResourceAsStream("12345.png")));
    // 创建图片节点
    private final Image depIcon1 = new Image(getClass().getResourceAsStream("11.png"));
    private final Image depIcon2 = new Image(getClass().getResourceAsStream("22.png"));
    private final Image depIcon3 = new Image(getClass().getResourceAsStream("31.png"));
    private final Image depIcon4 = new Image(getClass().getResourceAsStream("41.png"));

    @Override
    public void initialize(URL arg0, ResourceBundle arg1) {
        HouseCatalog.getHouseCatalog().loadJson();
        rootItem = new TreeItem<String>("房屋管理", rootIcon);
        areas = HouseCatalog.getHouseCatalog().getAreas();
        for (Area area : areas) {
            TreeItem<String> item1 = new TreeItem<>(area.getAreaName(), new ImageView(depIcon1));
            rootItem.getChildren().add(item1);
            for (Building building : area.getBuildings()) {
                TreeItem<String> item2 = new TreeItem<>(building.getBuildingName(), new ImageView(depIcon2));
                item1.getChildren().add(item2);
                for (Unit unit : building.getUnits()) {
                    TreeItem<String> item3 = new TreeItem<String>(unit.getUnitname(), new ImageView(depIcon3));
                    item2.getChildren().add(item3);
                    for (House house : unit.getHouses()) {
                        TreeItem<String> item4 = new TreeItem<String>(house.getHouseName(), new ImageView(depIcon4));
                        item3.getChildren().add(item4);
                    }
                }
            }
        }
        TreeView<String> treeView = new TreeView<String>(rootItem);// 创建一个树形结构根节点
        treeView.setCellFactory((TreeView<String> p) -> new TextFieldTreeCellImpl());//设立菜单
        vBox.getChildren().add(treeView);//在vBox中添加TreeView
    }

4.完整代码展示

有缩略，主要关注整体布局 
package Controller;

import java.io.IOException;
import java.net.URL;
import java.time.LocalDate;
import java.util.Iterator;
import java.util.List;
import java.util.ResourceBundle;

import Model_File.GsonSave;
import Model_Houses.Area;
import Model_Houses.Building;
import Model_Houses.House;
import Model_Houses.HouseCatalog;
import Model_Houses.Unit;
import Model_Service.SeniorService;
import javafx.application.Application;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Alert;
import javafx.scene.control.Button;
import javafx.scene.control.ButtonBar;
import javafx.scene.control.ButtonType;
import javafx.scene.control.ContextMenu;
import javafx.scene.control.DatePicker;
import javafx.scene.control.Label;
import javafx.scene.control.MenuItem;
import javafx.scene.control.TextField;
import javafx.scene.control.TreeCell;
import javafx.scene.control.TreeItem;
import javafx.scene.control.TreeView;
import javafx.scene.control.Alert.AlertType;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.text.Text;
import javafx.stage.Stage;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.fxml.Initializable;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.Pane;
import javafx.scene.layout.VBox;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.layout.AnchorPane;
/**
 * 房屋管理控制类
 * @author wjz
 *
 */
public class HousingController extends Application implements Initializable {

    // 定义成员变量
    private List<Area> areas;
    private TextField tx1;
    private String controlLine;
    private String controlLine2;
    private String controlLine3;
    private String controlLine4;
    private int index;
    private Stage newStage;
    private TreeItem<String> rootItem;
    private Stage nnewStage;
    private TextField ntx1;
    private TextField ntx2;
    private TextField ntx3;

    @FXML
    private Button button2;

    @FXML
    private DatePicker datePicker;

    @FXML
    private Button right;

    @FXML
    private AnchorPane newPane;

    @FXML
    private Button clearButton;

    @FXML
    private TextField textField2;

    @FXML
    private TextField textField1;

    @FXML
    private TextField textField3;

    @FXML
    private Label label1;

    @FXML
    private Button exit;
    @FXML
    private Label label2;

    @FXML
    private Label label3;

    @FXML
    private Label label4;

    @FXML
    private Button button1;

    @FXML
    private VBox vBox;

    private String line1;

    private String line2;

    private String line3;

    private String line4;

    private House chooseHouse;

 

    /**
     * 开启房屋管理页面
     */
    @Override
    public void start(Stage stage) throws Exception {
        Pane root = (Pane) FXMLLoader.load(getClass().getResource("/View/HousingManagementView.fxml"));
        Scene scene = new Scene(root, 1300, 938);
        stage.setScene(scene);
        stage.setResizable(false);
        stage.setTitle("房屋管理页面");
        stage.show();// TODO Auto-generated method stub

    }

    private final Node rootIcon = new ImageView(new Image(getClass().getResourceAsStream("12345.png")));
    // 创建图片节点
    private final Image depIcon1 = new Image(getClass().getResourceAsStream("11.png"));
    private final Image depIcon2 = new Image(getClass().getResourceAsStream("22.png"));
    private final Image depIcon3 = new Image(getClass().getResourceAsStream("31.png"));
    private final Image depIcon4 = new Image(getClass().getResourceAsStream("41.png"));

    @Override
    public void initialize(URL arg0, ResourceBundle arg1) {
        HouseCatalog.getHouseCatalog().loadJson();
        rootItem = new TreeItem<String>("房屋管理", rootIcon);
        areas = HouseCatalog.getHouseCatalog().getAreas();
        for (Area area : areas) {
            TreeItem<String> item1 = new TreeItem<>(area.getAreaName(), new ImageView(depIcon1));
            rootItem.getChildren().add(item1);
            for (Building building : area.getBuildings()) {
                TreeItem<String> item2 = new TreeItem<>(building.getBuildingName(), new ImageView(depIcon2));
                item1.getChildren().add(item2);
                for (Unit unit : building.getUnits()) {
                    TreeItem<String> item3 = new TreeItem<String>(unit.getUnitname(), new ImageView(depIcon3));
                    item2.getChildren().add(item3);
                    for (House house : unit.getHouses()) {
                        TreeItem<String> item4 = new TreeItem<String>(house.getHouseName(), new ImageView(depIcon4));
                        item3.getChildren().add(item4);
                    }
                }
            }
        }
        TreeView<String> treeView = new TreeView<String>(rootItem);// 创建一个树形结构根节点
        treeView.setCellFactory((TreeView<String> p) -> new TextFieldTreeCellImpl());
        vBox.getChildren().add(treeView);
    }

    /**
     * 更新TreeView
     * @param areas
     */
    // 更新TreeView页面
    public void setHouseItems(List<Area> areas) {
        rootItem.getChildren().clear();
        for (Area area : areas) {
            TreeItem<String> item1 = new TreeItem<String>(area.getAreaName());
            rootItem.getChildren().add(item1);
            for (Building building : area.getBuildings()) {
                TreeItem<String> item2 = new TreeItem<String>(building.getBuildingName());
                item1.getChildren().add(item2);
                for (Unit unit : building.getUnits()) {
                    TreeItem<String> item3 = new TreeItem<String>(unit.getUnitname());
                    item2.getChildren().add(item3);
                    for (House house : unit.getHouses()) {
                        TreeItem<String> item4 = new TreeItem<String>(house.getHouseName());
                        item3.getChildren().add(item4);
                    }
                }
            }
        }
    }


    // *********************************使用菜单栏进行修改页面***********************************
    private final class TextFieldTreeCellImpl extends TreeCell<String> {

        private TextField textField;// 文本域外观组件对象
        private final ContextMenu addMenu1 = new ContextMenu();// 上下文菜单对象的创建
        private final ContextMenu addMenu2 = new ContextMenu();
        private final ContextMenu addMenu3 = new ContextMenu();
        private final ContextMenu addMenu4 = new ContextMenu();
        private final ContextMenu addMenu5 = new ContextMenu();

        public TextFieldTreeCellImpl() {// 构造方法的定义
            MenuItem addMenuItem1 = new MenuItem("添加小区节点");
            MenuItem addMenuItem2 = new MenuItem("添加楼号节点");
            MenuItem addMenuItem3 = new MenuItem("添加单元节点");
            MenuItem addMenuItem4 = new MenuItem("添加房间节点");
            MenuItem removeMeunItem1 = new MenuItem("删除小区节点");// 上下文菜单选项对象的创建
            MenuItem removeMeunItem2 = new MenuItem("删除楼号节点");
            MenuItem removeMeunItem3 = new MenuItem("删除单元节点");
            MenuItem removeMeunItem4 = new MenuItem("删除房间节点");
            MenuItem maintain = new MenuItem("维护房间节点");
            addMenu1.getItems().add(addMenuItem1);
            addMenu2.getItems().add(addMenuItem2);
            addMenu3.getItems().add(addMenuItem3);
            addMenu4.getItems().add(addMenuItem4);
            addMenu2.getItems().add(removeMeunItem1);
            addMenu3.getItems().add(removeMeunItem2);
            addMenu4.getItems().add(removeMeunItem3);
            addMenu5.getItems().add(removeMeunItem4);
            addMenu5.getItems().add(maintain);
            addMenuItem1.setOnAction((ActionEvent t) -> {
                index = 1;
                PopWindow(getTreeItem());
            });// 添加小区节点

            addMenuItem2.setOnAction((ActionEvent t) -> {
                controlLine = getTreeItem().getValue();
                index = 2;
                PopWindow(getTreeItem());

            });// 添加楼号节点
            addMenuItem3.setOnAction((ActionEvent t) -> {
                controlLine = getTreeItem().getValue();
                controlLine2 = getTreeItem().getParent().getValue();
                index = 3;
                PopWindow(getTreeItem());

            });// 添加单元节点
            addMenuItem4.setOnAction((ActionEvent t) -> {
                controlLine = getTreeItem().getValue();
                controlLine2 = getTreeItem().getParent().getValue();
                controlLine3 = getTreeItem().getParent().getParent().getValue();
                PopWindowH(getTreeItem());

            });// 添加楼房节点
            removeMeunItem1.setOnAction((ActionEvent t) -> {
                controlLine = getTreeItem().getValue();
                removeArea(controlLine);
                getTreeItem().getParent().getChildren().remove(getTreeItem());
            });// 移除小区节点

            removeMeunItem2.setOnAction((ActionEvent t) -> {
                controlLine = getTreeItem().getValue();
                controlLine2 = getTreeItem().getParent().getValue();
                removeBuilding(controlLine2, controlLine);
                getTreeItem().getParent().getChildren().remove(getTreeItem());
            });// 移除楼号节点

            removeMeunItem3.setOnAction((ActionEvent t) -> {
                controlLine = getTreeItem().getValue();
                controlLine2 = getTreeItem().getParent().getValue();
                controlLine3 = getTreeItem().getParent().getParent().getValue(); 
                removeUnit(controlLine3, controlLine2, controlLine);
                getTreeItem().getParent().getChildren().remove(getTreeItem());
            });// 移除单元节点
            removeMeunItem4.setOnAction((ActionEvent t) -> {
                controlLine = getTreeItem().getValue();
                controlLine2 = getTreeItem().getParent().getValue();
                controlLine3 = getTreeItem().getParent().getParent().getValue();
                controlLine4 = getTreeItem().getParent().getParent().getParent().getValue();
                removeHouse(controlLine, controlLine2, controlLine3, controlLine4);
                getTreeItem().getParent().getChildren().remove(getTreeItem());
            });// 移除房屋节点
            maintain.setOnAction((ActionEvent t) -> {
                controlLine = getTreeItem().getValue();
                controlLine2 = getTreeItem().getParent().getValue();
                controlLine3 = getTreeItem().getParent().getParent().getValue();
                controlLine4 = getTreeItem().getParent().getParent().getParent().getValue();
                line1 = controlLine;
                line2 = controlLine2;
                line3 = controlLine3;
                line4 = controlLine4;
                maintianHouse(controlLine, controlLine2, controlLine3, controlLine4);
            });

            // 维护房间节点
        }

        // 获取该Item的名字
        private String getString() {
            return getItem() == null ? "" : getItem().toString();
        }

        /**
         * 更新表格菜单
         */
        public void updateItem(String item, boolean empty) {
            super.updateItem(item, empty);

            if (empty) {
                setText(null);
                setGraphic(null);
            } else {
                setText(getString());
                setGraphic(getTreeItem().getGraphic());
                if (getTreeItem().getParent() == null) {
                    setContextMenu(addMenu1);
                } else if (getTreeItem().getParent().getParent() == null) {
                    setContextMenu(addMenu2);
                } else if (getTreeItem().getParent().getParent().getParent() == null) {
                    setContextMenu(addMenu3);
                } else if (getTreeItem().getParent().getParent().getParent().getParent() == null) {
                    setContextMenu(addMenu4);
                } else if (getTreeItem().isLeaf()) {
                    setContextMenu(addMenu5);
                } else
                    setContextMenu(null);
            }

        }
    }

}
我要给大佬当分母
关注
  • 2
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
java树控件_java树形控件
weixin_42311265的博客
02-15 279
展开全部我写过，你要的话可以发给你，可以后台联系，为了符合回答规范，还是把代码贴出来(鉴于62616964757a686964616fe59b9ee7ad9431333262363666篇幅仅帖一个文件)：package ui;import javax.swing.*;import java.awt.*;import java.awt.event.*;import java.util.Vector...
Learn JavaFX 8
11-19
本章介绍了 JavaFX 中的 `ObservableList` 类型及其使用方法。这些可观察集合对于构建动态更新的数据驱动 UI 非常有用。 ##### 第 4 章：管理舞台（Stage） 在 JavaFX 中，“舞台”是应用程序的主窗口。本章详细...
JavaFX 树视图TreeView
许浑的博客
06-02 1419
javafx.scene.control.TreeView javafx.scene.control.TreeItem w3cschool：JavaFX 树视图 DOC-03-14 树视图(Tree View)
javafx treeview 树形菜单渲染公用接口
05-23
javafx treeview 树形菜单一行代码渲染接口源码，通过一个sql查询结果集，调用该源码公共接口，直接渲染模型。该算法，解决了遍历的空间复杂度，时间复杂度问题，合理利用java的对象引用概念。灵活指向父子对象，完成百层，千层菜单渲染。
7.9实验室总结 SceneBuilder的使用方法+使用javafx等
最新发布
2302_80637450的博客
07-10 253
由于下错了东西，所以一直运行不出来，今天一直在配置环境，配置好了才学，所以没学多少，看了网课学习了SceneBuilder的使用方法还有了解了javafx是怎么写项目的，，是再制作一个界面，然后在第一个界面的代码中接收鼠标信息，去加载第二个界面，就跳转成功了。2.想要按按钮转页就在这里家fx。8.关闭界面（exitButton是需要自己写的）5.要把长宽都设置为和制作的界面一样的大小。3.**有红色是因为还没有建函数。6.点击按钮可以出现文件的方法。
JavaFX TreeView
weiweiqiao的专栏
09-05 237
The JavaFX TreeeView enables you to display tree views inside your JavaFX applications. The JavaFX TreeView is represented by the class . Here is a screenshot of a JavaFX TreeView:You create a JavaFX simply by creating a new instance of the class. Here
JavaFX UI控件教程（十四）之Tree View
茅坤宝骏氹的博客
10-17 7706
翻译自 Tree View 在本章中，您将学习如何在JavaFX应用程序中构建树结构，向树视图添加项，处理事件以及通过实现和应用单元工厂来自定义树单元。 包的TreeView类javafx.scene.control提供了层次结构的视图。在每个树中，层次结构中的最高对象称为“根”。根包含几个子项，也可以有子项。没有孩子的项目称为“叶子”。 图13-1显示了具有树视图的应用程序的屏幕截图。...
JavaFx-桌面应用开发利器（三）FXML和Scene Builder
热门推荐
夜郎King的博客
07-14 1万+
本文首先简单介绍了Fxml和Scene Builder的基本知识，同时以eclipse为例，通过代码的形式说明如何进行Fxml的开发，最后使用SceneBuilder进行​应用快速开发。同时说明在使用eclipse中可能会遇到的一些问题以及解决办法​。......
javafx资料
06-27
JavaFX提供了丰富的预定义控件，如按钮（Button）、文本框（TextField）、标签（Label）、列表视图（ListView）和树视图（TreeView）等。每个控件都有独特的属性和方法，理解并熟练使用这些控件是构建用户界面的...
Mastering JavaFX 8 Controls
06-16
除了基础控件外，《Mastering JavaFX 8 Controls》还深入探讨了一系列高级控件，这些控件能够进一步提升应用程序的功能性和用户体验。 1. **TreeView**: 树视图可以展示层级结构的数据。书中提供了如何构建和操作树...
JavaFX 8官方指导
11-06
在JavaFX中，可以通过代码或使用FXML（一种XML格式的标记语言）来定义用户界面。这种方式允许开发者将界面逻辑与业务逻辑分离，使得程序更加模块化，易于维护。 - **代码方式**：使用Java代码编写UI元素及其布局。 ...
Java目录树控件
05-13
java 实现系统目录树结构，显示文件夹下的文件。树结构
tree view
04-09
请问这个tree view怎么实现
JAVA做的TreeView(仿C#TreeView)
10-28
用JAVA做的树型结构，仿C#TreeView
java实现TreeView树型结构组件-源代码
12-10
该组件应用java实现TreeView树型结构组件-源代码
treeview用户指南
11-23
本指南将深入探讨TreeView控件的使用，包括其基本概念、功能特性以及在不同编程环境中的应用。 1. **基本概念** TreeView控件通常包含一个或多个节点，每个节点可以有子节点，形成一种分层结构。根节点是树的最高...
java的树形控件(1)
wintersense的专栏
12-18 3393
很多应用程序都使用树形分层结构来显示数据视图，用户可以展开或者收缩试图中国单个子树。 JTree的构造函数如下： 1）JTree()          建立一个系统默认的树 2）JTree(Hashtable value)        利用Hashtable建立树，不显示根节点 3）JTree(Object[ ] value)        利用数组Object[ ]建立树，不显示跟节点
java treeview使用详解_Javafx Treeview项目操作事件
weixin_33347102的博客
02-24 1532
我正在尝试使用treeView创建菜单。这是我第一次使用treeView，并且已经在多个网站上进行了阅读。我在进行动作事件时遇到一些问题。我想要做的基本上是在用户单击树形视图中的某个节点时触发并发生事件，到目前为止，我有以下内容：TreeItem rootItem = new TreeItem("Navigation");TreeItem statistics = new TreeItem("St...
JavaFX 2.0图形界面控件详解与实战教程
作为JavaFX 2.0新手入门的必备指南，该教程详细介绍了javafx.scene.control包中的各种内置UI控件，涵盖了基本元素如Label、Button、RadioButton等，以及一些新引入的控件，如TitlePane、TableView和TreeView等，这些...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值