java - 如何根据输入突出显示 JavaFX TableView 中的特定字符-6ren

java - 如何根据输入突出显示 JavaFX TableView 中的特定字符

转载作者：行者123 更新时间：2023-12-02 09:17:46

我有一个 JavaFx TableView，其中填充了 FilteredList 中的数据和用于在列表中执行搜索的搜索字段。我想根据搜索字段中的数据动态突出显示表中的字符。我怎样才能做到这一点？

最佳答案

这可以通过提供Text来完成细胞工厂中的物体。它使事情变得更加复杂，因为您的表列值需要提供更多信息，而不仅仅是字符串或数字。

我将通过创建一个类来表示每个单元格文本的一部分(无论是否是匹配的一部分)来实现此目的:

public class TextSegment {
    private final boolean match;
    private final String text;

    public TextSegment(String text,
                       boolean isMatch) {

        this.text = Objects.requireNonNull(text, "Text cannot be null.");
        this.match = isMatch;
    }

    public String getText() {
        return text;
    }

    public boolean isMatch() {
        return match;
    }

    @Override
    public String toString() {
        return "Segment[match=" + match + " \"" + text + "\"]";
    }

    public static List<TextSegment> search(String text,
                                           String searchText,
                                           boolean caseSensitive) {

        if (text == null || text.isBlank() ||
            searchText == null || searchText.isBlank()) {

            return Collections.singletonList(new TextSegment(text, false));
        }

        List<TextSegment> segments = new ArrayList<>();

        Pattern pattern = Pattern.compile(Pattern.quote(searchText),
            caseSensitive ? 0 : Pattern.CASE_INSENSITIVE);

        int lastEnd = 0;
        Matcher matcher = pattern.matcher(text);
        while (matcher.find()) {
            int start = matcher.start();
            if (start > lastEnd) {
                segments.add(new TextSegment(
                    text.substring(lastEnd, start), false));
            }
            segments.add(new TextSegment(matcher.group(), true));
            lastEnd = matcher.end();
        }

        String tail = text.substring(lastEnd);
        if (!tail.isEmpty()) {
            segments.add(new TextSegment(tail, false));
        }

        return segments;
    }
}

在表中保存一行数据的类需要一个附加属性，该属性以上述类型的实例列表的形式保存数据:

private final StringProperty name;
private final ListProperty<TextSegment> nameMatches;

// ...

public StringProperty nameProperty() {
    return name;
}

public ListProperty<TextSegment> nameMatchesProperty() {
    return nameMatches;
}

然后，在构造函数中将它们链接在一起:

this.name.addListener(
    (o, old, newName) -> nameMatches.setAll(TextSegment.search(newName,
        getSearchText(), isCaseSensitive())));

TableColumn 将定义为:

TableColumn<RowItem, ObservableList<TextSegment>> nameColumn =
    new TableColumn<>("Name");

nameColumn.setCellValueFactory(
    f -> f.getValue().nameMatchesProperty());

最后，一系列 TextSegment 的显示可以作为 Text 节点的相邻列表来完成:

nameColumn.setCellFactory(c -> new SearchableCell<>());

其中 SearchableCell 是一个通过下划线显示匹配文本的类:

public class SearchableCell<S, T extends Iterable<TextSegment>>
extends TableCell<S, T> {
    @Override
    protected void updateItem(T item,
                              boolean empty) {
        super.updateItem(item, empty);

        setText(null);
        if (empty || item == null) {
            setGraphic(null);
        } else {
            HBox row = new HBox();
            row.setAlignment(Pos.BASELINE_LEFT);
            for (TextSegment segment : item) {
                Text text = new Text(segment.getText());
                text.setUnderline(segment.isMatch());
                row.getChildren().add(text);
            }
            setGraphic(row);
        }
    }
}

这是一个将所有内容组合在一起的示例:

import java.text.NumberFormat;

import java.util.Objects;
import java.util.Collection;
import java.util.Collections;
import java.util.List;
import java.util.ArrayList;
import java.util.Arrays;

import java.util.regex.Pattern;
import java.util.regex.Matcher;

import javafx.application.Application;

import javafx.beans.property.BooleanProperty;
import javafx.beans.property.IntegerProperty;
import javafx.beans.property.StringProperty;
import javafx.beans.property.ListProperty;
import javafx.beans.property.SimpleBooleanProperty;
import javafx.beans.property.SimpleIntegerProperty;
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.SimpleListProperty;

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

import javafx.geometry.Insets;
import javafx.geometry.Pos;

import javafx.stage.Stage;

import javafx.scene.Scene;
import javafx.scene.control.CheckBox;
import javafx.scene.control.Label;
import javafx.scene.control.TableCell;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.TextField;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.text.Text;

public class TableHighlight
extends Application {
    static class TextSegment {
        private final boolean match;
        private final String text;

        public TextSegment(String text,
                           boolean isMatch) {

            this.text = Objects.requireNonNull(text, "Text cannot be null.");
            this.match = isMatch;
        }

        public String getText() {
            return text;
        }

        public boolean isMatch() {
            return match;
        }

        @Override
        public String toString() {
            return "Segment[match=" + match + " \"" + text + "\"]";
        }

        public static List<TextSegment> search(String text,
                                               String searchText,
                                               boolean caseSensitive) {

            if (text == null || text.isBlank() ||
                searchText == null || searchText.isBlank()) {

                return Collections.singletonList(new TextSegment(text, false));
            }

            List<TextSegment> segments = new ArrayList<>();

            Pattern pattern = Pattern.compile(Pattern.quote(searchText),
                caseSensitive ? 0 : Pattern.CASE_INSENSITIVE);

            int lastEnd = 0;
            Matcher matcher = pattern.matcher(text);
            while (matcher.find()) {
                int start = matcher.start();
                if (start > lastEnd) {
                    segments.add(new TextSegment(
                        text.substring(lastEnd, start), false));
                }
                segments.add(new TextSegment(matcher.group(), true));
                lastEnd = matcher.end();
            }

            String tail = text.substring(lastEnd);
            if (!tail.isEmpty()) {
                segments.add(new TextSegment(tail, false));
            }

            return segments;
        }
    }

    static class StateInfo {
        private final StringProperty name;
        private final StringProperty abbreviation;
        private final StringProperty capital;
        private final IntegerProperty population;

        private final ListProperty<TextSegment> nameMatches;
        private final ListProperty<TextSegment> abbreviationMatches;
        private final ListProperty<TextSegment> capitalMatches;

        private final StringProperty searchText;
        private final BooleanProperty caseSensitive;

        public StateInfo() {
            this(null, null, null, 0);
        }

        public StateInfo(String name,
                         String abbreviation,
                         String capital,
                         int population) {

            this.name = new SimpleStringProperty(this, "name",
                name);
            this.abbreviation = new SimpleStringProperty(this, "abbreviation",
                abbreviation);
            this.capital = new SimpleStringProperty(this, "capital",
                capital);
            this.population = new SimpleIntegerProperty(this, "population",
                population);

            searchText = new SimpleStringProperty(this, "searchText");
            caseSensitive = new SimpleBooleanProperty(this, "caseSensitive");

            nameMatches = new SimpleListProperty<>(this,
                "nameMatches", FXCollections.observableArrayList());
            abbreviationMatches = new SimpleListProperty<>(this,
                "abbreviationMatches", FXCollections.observableArrayList());
            capitalMatches = new SimpleListProperty<>(this,
                "capitalMatches", FXCollections.observableArrayList());

            this.name.addListener(
                (o, old, newName) -> update(nameMatches, newName));
            this.abbreviation.addListener(
                (o, old, newAbbr) -> update(abbreviationMatches, newAbbr));
            this.capital.addListener(
                (o, old, newCapital) -> update(capitalMatches, newCapital));

            searchText.addListener(o -> updateAllMatches());
            caseSensitive.addListener(o -> updateAllMatches());

            updateAllMatches();
        }

        private void update(ObservableList<TextSegment> segments,
                            String text) {

            segments.setAll(TextSegment.search(text,
                getSearchText(), isCaseSensitive()));
        }

        private void updateAllMatches() {
            update(nameMatches, getName());
            update(abbreviationMatches, getAbbreviation());
            update(capitalMatches, getCapital());
        }

        public StringProperty nameProperty() { return name; }
        public String getName() { return name.get(); }
        public void setName(String name) { this.name.set(name); }

        public StringProperty abbreviationProperty() { return abbreviation; }
        public String getAbbreviation() { return abbreviation.get(); }
        public void setAbbreviation(String abbr) { this.abbreviation.set(abbr); }

        public StringProperty capitalProperty() { return capital; }
        public String getCapital() { return capital.get(); }
        public void setCapital(String capital) { this.capital.set(capital); }

        public IntegerProperty populationProperty() { return population; }
        public int getPopulation() { return population.get(); }
        public void setPopulation(int population) { this.population.set(population); }

        public StringProperty searchTextProperty() { return searchText; }
        public String getSearchText() { return searchText.get(); }
        public void setSearchText(String searchText) { this.searchText.set(searchText); }

        public BooleanProperty caseSensitiveProperty() { return caseSensitive; }
        public boolean isCaseSensitive() { return caseSensitive.get(); }
        public void setCaseSensitive(boolean c) { caseSensitive.set(c); }

        public ListProperty<TextSegment> nameMatchesProperty() {
            return nameMatches;
        }
        public ObservableList<TextSegment> getNameMatches() {
            return nameMatches.get();
        }
        public void setNameMatches(ObservableList<TextSegment> list) {
            nameMatches.set(list);
        }

        public ListProperty<TextSegment> abbreviationMatchesProperty() {
            return abbreviationMatches;
        }
        public ObservableList<TextSegment> getAbbreviationMatches() {
            return abbreviationMatches.get();
        }
        public void setAbbreviationMatches(ObservableList<TextSegment> list) {
            abbreviationMatches.set(list);
        }

        public ListProperty<TextSegment> capitalMatchesProperty() {
            return capitalMatches;
        }
        public ObservableList<TextSegment> getCapitalMatches() {
            return capitalMatches.get();
        }
        public void setCapitalMatches(ObservableList<TextSegment> list) {
            capitalMatches.set(list);
        }

        @Override
        public String toString() {
            return String.format("%s[name=%s abbr=%s capital=%s pop=%,d]",
                getName(), getAbbreviation(), getCapital(), getPopulation());
        }
    }

    static class SearchableCell<S, T extends Iterable<TextSegment>>
    extends TableCell<S, T> {
        @Override
        protected void updateItem(T item,
                                  boolean empty) {
            super.updateItem(item, empty);

            setText(null);
            if (empty || item == null) {
                setGraphic(null);
            } else {
                HBox row = new HBox();
                row.setAlignment(Pos.BASELINE_LEFT);
                for (TextSegment segment : item) {
                    Text text = new Text(segment.getText());
                    text.setUnderline(segment.isMatch());
                    row.getChildren().add(text);
                }
                setGraphic(row);
            }
        }
    }

    static class NumberCell<S, T extends Number>
    extends TableCell<S, T> {
        private final NumberFormat format = NumberFormat.getInstance();

        @Override
        protected void updateItem(T item, boolean empty) {
            super.updateItem(item, empty);

            setGraphic(null);
            if (empty || item == null) {
                setText(null);
            } else {
                setText(format.format(item));
            }
        }
    }

    @Override
    public void start(Stage stage) {
        TableView<StateInfo> table = new TableView<>();

        TableColumn<StateInfo, ObservableList<TextSegment>> nameColumn =
            new TableColumn<>("Name");
        TableColumn<StateInfo, ObservableList<TextSegment>> abbreviationColumn =
            new TableColumn<>("Abbreviation");
        TableColumn<StateInfo, ObservableList<TextSegment>> capitalColumn =
            new TableColumn<>("Capital");
        TableColumn<StateInfo, Number> populationColumn =
            new TableColumn<>("Population");

        table.getColumns().add(nameColumn);
        table.getColumns().add(abbreviationColumn);
        table.getColumns().add(capitalColumn);
        table.getColumns().add(populationColumn);

        nameColumn.setCellValueFactory(
            f -> f.getValue().nameMatchesProperty());
        abbreviationColumn.setCellValueFactory(
            f -> f.getValue().abbreviationMatchesProperty());
        capitalColumn.setCellValueFactory(
            f -> f.getValue().capitalMatchesProperty());
        populationColumn.setCellValueFactory(
            f -> f.getValue().populationProperty());

        nameColumn.setCellFactory(c -> new SearchableCell<>());
        abbreviationColumn.setCellFactory(c -> new SearchableCell<>());
        capitalColumn.setCellFactory(c -> new SearchableCell<>());
        populationColumn.setCellFactory(c -> new NumberCell<>());

        table.getItems().setAll(createData());

        TextField searchField = new TextField();
        searchField.textProperty().addListener((o, old, text) ->
            table.getItems().forEach(s -> s.setSearchText(text)));

        CheckBox caseSensitiveButton = new CheckBox("Case sensitive");
        caseSensitiveButton.selectedProperty().addListener((o, old, selected) ->
            table.getItems().forEach(s -> s.setCaseSensitive(selected)));

        Label searchLabel = new Label("Search for: ");
        searchLabel.setLabelFor(searchField);

        HBox searchFields = new HBox(
            searchLabel, searchField, caseSensitiveButton);
        searchFields.setAlignment(Pos.BASELINE_LEFT);
        HBox.setMargin(caseSensitiveButton, new Insets(0, 0, 0, 24));

        searchFields.setPadding(new Insets(6, 6, 12, 6));

        Scene scene = new Scene(
            new BorderPane(table, searchFields, null, null, null));

        stage.setScene(scene);
        stage.setTitle("Table Search");
        stage.show();
    }

    private static Collection<StateInfo> createData() {
        return Arrays.asList(
            new StateInfo("Alabama", "AL", "Montgomery", 543097),
            new StateInfo("Alaska", "AK", "Juneau", 245813),
            new StateInfo("Arizona", "AZ", "Phoenix", 651968),
            new StateInfo("Arkansas", "AR", "Little Rock", 502304),
            new StateInfo("California", "CA", "Sacramento", 719219),
            new StateInfo("Colorado", "CO", "Denver", 632840),
            new StateInfo("Connecticut", "CT", "Hartford", 510381),
            new StateInfo("Delaware", "DE", "Dover", 322390),
            new StateInfo("Florida", "FL", "Tallahassee", 734459),
            new StateInfo("Georgia", "GA", "Atlanta", 657467),
            new StateInfo("Hawaii", "HI", "Honolulu", 355123),
            new StateInfo("Idaho", "ID", "Boise", 438552),
            new StateInfo("Illinois", "IL", "Springfield", 637054),
            new StateInfo("Indiana", "IN", "Indianapolis", 608353),
            new StateInfo("Iowa", "IA", "Des Moines", 526024),
            new StateInfo("Kansas", "KS", "Topeka", 485251),
            new StateInfo("Kentucky", "KY", "Frankfort", 558550),
            new StateInfo("Louisiana", "LA", "Baton Rouge", 582497),
            new StateInfo("Maine", "ME", "Augusta", 334601),
            new StateInfo("Maryland", "MD", "Annapolis", 604272),
            new StateInfo("Massachusetts", "MA", "Boston", 627468),
            new StateInfo("Michigan", "MI", "Lansing", 624735),
            new StateInfo("Minnesota", "MN", "Saint Paul", 561118),
            new StateInfo("Mississippi", "MS", "Jackson", 497755),
            new StateInfo("Missouri", "MO", "Jefferson City", 612645),
            new StateInfo("Montana", "MT", "Helena", 354102),
            new StateInfo("Nebraska", "NE", "Lincoln", 385854),
            new StateInfo("Nevada", "NV", "Carson City", 505732),
            new StateInfo("New Hampshire", "NH", "Concord", 339115),
            new StateInfo("New Jersey", "NJ", "Trenton", 636323),
            new StateInfo("New Mexico", "NM", "Santa Fe", 419086),
            new StateInfo("New York", "NY", "Albany", 673869),
            new StateInfo("North Carolina", "NC", "Raleigh", 692241),
            new StateInfo("North Dakota", "ND", "Bismarck", 253359),
            new StateInfo("Ohio", "OH", "Columbus", 649413),
            new StateInfo("Oklahoma", "OK", "Oklahoma City", 563297),
            new StateInfo("Oregon", "OR", "Salem", 598673),
            new StateInfo("Pennsylvania", "PA", "Harrisburg", 640353),
            new StateInfo("Rhode Island", "RI", "Providence", 264329),
            new StateInfo("South Carolina", "SC", "Columbia", 564903),
            new StateInfo("South Dakota", "SD", "Pierre", 294078),
            new StateInfo("Tennessee", "TN", "Nashville", 615455),
            new StateInfo("Texas", "TX", "Austin", 755312),
            new StateInfo("Utah", "UT", "Salt Lake City", 526851),
            new StateInfo("Vermont", "VT", "Montpelier", 208766),
            new StateInfo("Virginia", "VA", "Richmond", 655207),
            new StateInfo("Washington", "WA", "Olympia", 627966),
            new StateInfo("West Virginia", "WV", "Charleston", 361166),
            new StateInfo("Wisconsin", "WI", "Madison", 581357),
            new StateInfo("Wyoming", "WY", "Cheyenne", 192579)
        );
    }

    public static class Main {
        public static void main(String[] args) {
            Application.launch(TableHighlight.class, args);
        }
    }
}

关于java - 如何根据输入突出显示 JavaFX TableView 中的特定字符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58878989/

文章推荐： groovy - XmlSlurper:如何更改动态节点的文本

文章推荐： rxjs - 从 Promise 接收并重试

文章推荐： java - Java 的 TTS(文本转语音)API 的最佳替代品是什么？

文章推荐： java - 如何正确使用 `HTMLEditorKit.insertHTML()` ？

dart - ShadowDom外部的父级的属性已更改(显示:无->显示:flex->显示:无)
我的Angular-Component位于一个flexbox(id =“log”)中。可以显示或隐藏flexbox。我的组件内部有一个可滚动区域，用于显示日志消息。 (id =“message-li
phpinfo() 显示 MySQL，PMA 显示 MariaDB
我真的很困惑有一个 phpinfo() 输出: MySQL 支持启用客户端 API 版本 5.5.40 MYSQL_MODULE_TYPE 外部 phpMyAdmin 显示: 服务器类型:Mar
jquery - 在 jquery 切换中单击时更改按钮文本(显示/隐藏/显示)
我正在研究这个 fiddle : http://jsfiddle.net/cED6c/7/我想让按钮文本在单击时发生变化，我尝试使用以下代码: 但是，它不起作用。我应该如何实现这个？任何帮助都会很棒
php - cakephp 显示 ID 显示 table.name 来自两个不同表的关系
我应该在“dogs_cats”中保存表“dogs”和“cats”各自的ID，当看到数据时显示狗和猫的名字。我有这三个表: CREATE TABLE IF NOT EXISTS cats ( id
php - 使用 Blade 显示 HTML 显示 HTML 代码
我有一个字符串返回到我的 View 之一，如下所示: $text = 'Lorem ipsum dolor ' 我正在尝试用 Blade 显示它: {{$text}} 但是，输出是原始字符串而不是渲染
jquery - 使用 JQuery 显示/隐藏隐藏/显示 div，但单击按钮没有效果
我无法让我的链接(由图像表示，位于页面左侧)真正有效地显示一个 div(包含一个句子，位于中间)/单击链接时隐藏。这是我的代码: Practice
javascript - 显示 image1 的脚本，然后(随机毫秒)显示 image2 并停止
关闭。这个问题需要多问focused 。目前不接受答案。想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 4 年前。 Improve this ques
c# - ListView 显示 4 条记录。 DataGridView 显示 3 条记录？
最初我使用 Listview 来显示 oracle 结果，但是最近我不得不切换到 datagridview 来处理比 Listview 允许的更多的结果。然而，自从切换到数据网格后，我得到的结果越来越
xml - 如何使用 Apache fop 显示 Unicode 字符？显示 "?"而不是字符。
我一直在尝试插入一个 Unicode 字符 ∇ 或 ▽，所以它显示在 Apache FOP 生成的 PDF 中。这是我到目前为止所做的: 根据这个基本帮助 Apache XSL-FO Input，您
node.js - pm2 显示 1.2GB 而 heapdump 显示 80MB
我正在使用 node v0.12.7 编写一个 nodeJS 应用程序。我正在使用 pm2 v0.14.7 运行我的 nodejs 应用程序。我的应用程序似乎有内存泄漏，因为它从我启动时的大约 1
jquery - 如果 x 显示 x 如果 y 显示 y(我知道这个标题不好)
好的，所以我有一些 jQuery 代码，如果从下拉菜单中选择了带有前缀 Blue 的项目，它会显示一个输入框。代码: $(function() { $('#text1').hide();
google-chrome - Chrome 中的“检查元素”显示 LESS，但 Firefox 显示 CSS
当我试图检查 Chrome 中的 html 元素时，它显示的是 LESS 文件，而 Firefox 显示的是 CSS 文件。 (我正在使用 Bootstrap 框架) 如何在 Chrome 中查看 c
python - Microsoft Bot Emulator 显示 "sending failed. Retry"。 VSCode 显示 KeyError : 'HTTP_CONTEXT_TYPE'
我是 Microsoft Bot Framework 的新手，我正在通过 youtube 视频 https://youtu.be/ynG6Muox81o 学习它并在 Ubuntu 上使用 python
encoding - notepad++ 显示 ucs-2LE 而 ubuntu FILE [file] 显示 UTF-16LE，我很困惑？
我正在尝试转换从 mssql 生成的文件到 utf-8。当我打开他的输出 mssql在 Windows Server 2003 中使用 notepad++ 将文件识别为 UCS-2LE我使用 file
javascript帮助日期/显示
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。已关
jQuery点击关闭div(显示)
我正在尝试执行单击以打开/关闭一个 div 的功能。这是基本的，但是，点击只显示 div，当我点击“关闭”时，没有任何反应。 $(".inscricao-email").click(function
flutter - 显示/隐藏小部件而不重新创建它
假设我有 2 张卡片，屏幕上一次显示一张。我有一个按钮可以用其他卡片替换当前卡片。现在假设卡 1 上有一些数据，卡 2 上有一些数据，我不想破坏它们每个上的数据，或者我不想再次重建它们中的任何一个。
javascript - 显示()未定义
我正在使用 Eloquent Javascript 学习 Javascript。我在 Firefox 控制台上编写了以下代码，但它返回:“ReferenceError:show() 未定义”为什么？
symfony - 显示/隐藏某些菜单取决于奏鸣曲管理员角色
我正在使用 Symfony2 开发一个 web 项目，我使用 Sonata Admin 作为管理面板，一切正常，但我想要做的是，在 Sonata Admin 的仪表板菜单上，我需要显示隐藏一些菜单取决
angularjs - 显示/隐藏div取决于AngularJS中的下拉列表选择
我试图显示一个div，具体取决于从下拉列表中选择的内容。例如，如果用户从列表中选择“现金”显示现金div或用户从列表中选择“检查”显示现金div 我整理了样本，但样本不完整，需要接线 http://j

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

java - 如何根据输入突出显示 JavaFX TableView 中的特定字符