如何在JavaFX的TableView中点击语句词块显示同义词列表？

我明白你的需求——要在JavaFX的TableView单元格里，把数据库中有同义词的词语高亮，还能点击这个词弹出同义词列表/ComboBox对吧？核心痛点就是怎么把整段文本拆成可单独交互的词块，我之前做过类似功能，给你一步步拆解实现方案：

默认的TableCell只能显示整段文本，没法给单个词加样式和点击事件。所以必须自定义TableCell，用TextFlow承载拆分后的每个词语（每个词对应一个Text节点），这样每个词就能单独设置高亮、绑定点击逻辑了。

1. 拆分文本为可交互的词节点 #

首先把单元格里的语句拆分成单个词语，每个词语对应一个Text对象，同时保留原句的空格排版，避免文本错乱。

2. 高亮数据库中的同义词 #

提前从数据库加载同义词映射（比如用Map<String, List<String>>存储词和它的同义词列表），遍历每个Text节点，如果词在映射里，就给它加高亮样式（比如蓝色+下划线+手型光标）。

3. 给高亮词绑定点击事件，弹出同义词列表 #

点击高亮的Text节点时，用Popup（或ComboBox）显示对应的同义词列表。Popup的优势是不占用单元格空间，显示位置更灵活；ComboBox则适合需要选择替换场景。

自定义同义词TableCell #

import javafx.scene.control.TableCell;
import javafx.scene.control.TableColumn;
import javafx.scene.layout.TextFlow;
import javafx.scene.text.Text;
import javafx.scene.control.Popup;
import javafx.scene.control.ListView;
import javafx.geometry.Bounds;
import java.util.*;

public class SynonymTableCell<S> extends TableCell<S, String> {
    // 模拟数据库查询的同义词映射，实际项目替换为JDBC查询或缓存加载
    private final Map<String, List<String>> synonymMap = new HashMap<>();

    public SynonymTableCell() {
        // 初始化模拟数据，实际中改为从数据库读取
        synonymMap.put("高兴", Arrays.asList("开心", "快乐", "愉悦"));
        synonymMap.put("测试", Arrays.asList("测验", "校验", "验证"));
        synonymMap.put("快速", Arrays.asList("迅捷", "极速", "飞快"));
    }

    @Override
    protected void updateItem(String item, boolean empty) {
        super.updateItem(item, empty);
        if (empty || item == null) {
            setGraphic(null);
            setText(null);
            return;
        }

        TextFlow textFlow = new TextFlow();
        // 这里按空格拆分词语，中文场景建议用HanLP等分词库做精准拆分
        String[] words = item.split(" ");
        for (String word : words) {
            Text textNode = new Text(word + " "); // 保留空格保证原句排版
            // 检查当前词是否在同义词库中
            if (synonymMap.containsKey(word)) {
                // 设置高亮样式
                textNode.setStyle("-fx-fill: #2196F3; -fx-underline: true; -fx-cursor: hand;");
                // 绑定点击事件弹出同义词列表
                textNode.setOnMouseClicked(event -> showSynonymPopup(textNode, word));
            }
            textFlow.getChildren().add(textNode);
        }
        setGraphic(textFlow);
    }

    private void showSynonymPopup(Text sourceText, String targetWord) {
        Popup synonymPopup = new Popup();
        ListView<String> synonymListView = new ListView<>();
        synonymListView.getItems().addAll(synonymMap.get(targetWord));
        
        // 设置列表大小
        synonymListView.setPrefWidth(160);
        synonymListView.setPrefHeight(120);
        // 点击列表项后关闭弹窗
        synonymListView.setOnMouseClicked(event -> synonymPopup.hide());

        // 获取词语的屏幕位置，弹窗显示在词语下方
        Bounds wordBounds = sourceText.localToScreen(sourceText.getBoundsInLocal());
        synonymPopup.getContent().add(synonymListView);
        synonymPopup.show(sourceText.getScene().getWindow(), wordBounds.getMinX(), wordBounds.getMaxY());
    }
}

在TableView中使用自定义单元格 #

// 假设你的数据模型是SentenceModel，包含sentence属性
TableColumn<SentenceModel, String> sentenceColumn = new TableColumn<>("待查询语句");
sentenceColumn.setCellValueFactory(new PropertyValueFactory<>("sentence"));
// 绑定自定义单元格
sentenceColumn.setCellFactory(col -> new SynonymTableCell<>());
yourTableView.getColumns().add(sentenceColumn);

• 分词优化：示例中按空格拆分，中文无空格场景建议用HanLP、IKAnalyzer等分词库做精准分词，避免把完整词语拆断。
• 数据库性能：不要每次更新单元格都查数据库，建议提前把同义词数据加载到内存缓存（比如Map），或者用Redis做分布式缓存。
• 样式定制：可以根据需求修改高亮样式、弹窗样式，比如给Popup加阴影、背景色，提升用户体验。
• 替换逻辑扩展：如果需要点击同义词直接替换原句中的词，可以在ListView的点击事件里修改单元格绑定的数据，同步更新UI和数据库。

内容的提问来源于stack exchange，提问作者Ziva