javafx怎么绘制表格

原创

mob649e815c000a 2024-10-26 06:20:32 ©著作权

文章标签 数据 List JavaFX 文章分类 Java 后端开发

©著作权归作者所有：来自51CTO博客作者mob649e815c000a的原创作品，请联系作者获取转载授权，否则将追究法律责任

JavaFX绘制表格项目方案

项目概述

本项目旨在用JavaFX技术绘制一个用户友好的表格UI，为用户提供一种直观的方式来查看和编辑数据。通过这种方式，我们希望提高数据管理的效率，并提升用户体验。

项目需求

在此项目中，需要实现以下功能：

绘制一个可编辑的表格。
实现数据的增、删、改功能。
提供一种方式展示数据的统计信息，采用饼状图的形式。
确保用户界面的简洁与友好。

技术栈

Java 11+
JavaFX
Maven

设计理念

我们将通过MVC（Model-View-Controller）设计模式来组织代码。这样的设计将有助于将视图与业务逻辑分离，便于后续的扩展与维护。

类图

项目的类图如下所示：

classDiagram
    class TableController {
        +initTable()
        +addData(data)
        +deleteData(selectedRow)
        +editData(rowIndex, newData)
    }

    class DataModel {
        +dataList
        +getDataList()
        +setDataList()
    }

    class Main {
        +main(String[] args)
        +start(Stage primaryStage)
    }

    Main --> TableController
    TableController --> DataModel

代码实现

1. 主类

主类主要负责启动JavaFX应用。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class Main extends Application {
    @Override
    public void start(Stage primaryStage) {
        primaryStage.setTitle("数据表格示例");
        BorderPane root = new BorderPane();
        
        TableController tableController = new TableController();
        root.setCenter(tableController.createTable());
        
        Scene scene = new Scene(root, 800, 600);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

2. 数据模型

数据模型主要用于管理数据的加载、保存和更新。

import javafx.collections.FXCollections;
import javafx.collections.ObservableList;

public class DataModel {
    private ObservableList<String[]> dataList;

    public DataModel() {
        dataList = FXCollections.observableArrayList();
        // 初始化数据，如从数据库或其他源加载
    }

    public ObservableList<String[]> getDataList() {
        return dataList;
    }

    public void setDataList(ObservableList<String[]> dataList) {
        this.dataList = dataList;
    }

    // 添加、删除、修改数据的方法
}

3. 表格控制器

表格控制器负责创建和管理表格。

import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.control.Button;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.layout.VBox;

public class TableController {
    private final DataModel dataModel;
    private TableView<String[]> table;

    public TableController() {
        dataModel = new DataModel();
    }

    public VBox createTable() {
        table = new TableView<>();
        
        TableColumn<String[], String> column1 = new TableColumn<>("名称");
        column1.setCellValueFactory(new PropertyValueFactory<>("name")); // 需创建对应的模型属性
        TableColumn<String[], String> column2 = new TableColumn<>("值");
        column2.setCellValueFactory(new PropertyValueFactory<>("value"));

        table.getColumns().addAll(column1, column2);

        // 载入数据
        loadData();

        // 添加功能按钮
        Button addButton = new Button("添加");
        addButton.setOnAction(e -> addData());

        VBox vbox = new VBox(table, addButton);
        return vbox;
    }

    private void loadData() {
        // 从数据模型中加载数据并添加到表格
        table.setItems(dataModel.getDataList());
    }

    private void addData() {
        // 实现添加数据的逻辑
    }
}

4. 添加饼状图示例

在数据统计部分，我们可以用饼状图来展示数据的分布情况。

import javafx.scene.chart.PieChart;

public PieChart createPieChart() {
    PieChart pieChart = new PieChart();
    ObservableList<PieChart.Data> pieChartData = FXCollections.observableArrayList(
        new PieChart.Data("A", 30),
        new PieChart.Data("B", 70),
        new PieChart.Data("C", 50)
    );
    
    pieChart.setData(pieChartData);
    return pieChart;
}