JavaFX TreeView--在MouseEvent上更改同级节点的背景CSS

Question

我试图在JavaFX ListView上实现onMouseEnter和onMouseExit事件。我想做的是，如果鼠标移动到列表视图的节点上，我想更改当前视图中当前可见的子节点的背景色。

这篇文章有一个伟大的代码示例，但不是我正在寻找的。将样式应用于javaFX中的TreeView子节点

使用该代码作为参考，我要寻找的是一个给定的树：

Answer 1

[更新注意：我最初有一个使用TreeItem子类的解决方案。这里提供的解决方案比原来的要干净得多。]

创建一个ObservableSet > ，其中包含应突出显示的TreeItem。然后在单元格工厂中，观察该集合和单元格的TreeItemProperty()，并设置样式类（在下面的示例中，我使用了pseudoclass)，这样，如果属于该单元格的树项在集合中，则该单元格将被突出显示。

最后，向单元格注册MouseEntert和MouseExited处理程序。当鼠标进入单元格时，您可以获得树项，使用它导航到您需要的任何其他树项，并将适当的项添加到您定义的集合中。在mouseexited处理程序中，清除集合（或根据需要执行其他逻辑）。

import java.util.HashSet;

import javafx.application.Application;
import javafx.beans.binding.Bindings;
import javafx.beans.binding.BooleanBinding;
import javafx.beans.value.ChangeListener;
import javafx.collections.FXCollections;
import javafx.collections.ObservableSet;
import javafx.css.PseudoClass;
import javafx.scene.Scene;
import javafx.scene.control.TreeCell;
import javafx.scene.control.TreeItem;
import javafx.scene.control.TreeView;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class HighlightingTree extends Application {

    private final PseudoClass highlighted = PseudoClass.getPseudoClass("highlighted");

    @Override
    public void start(Stage primaryStage) {
        TreeView<Integer> tree = new TreeView<>();
        tree.setRoot(buildTreeRoot());

        ObservableSet<TreeItem<Integer>> highlightedItems = FXCollections.observableSet(new HashSet<>());


        tree.setCellFactory(tv -> {

            // the cell:
            TreeCell<Integer> cell = new TreeCell<Integer>() {

                // indicates whether the cell should be highlighted:

                private BooleanBinding highlightCell = Bindings.createBooleanBinding(() -> 
                    getTreeItem() != null && highlightedItems.contains(getTreeItem()), 
                    treeItemProperty(), highlightedItems);

                // listener for the binding above
                // note this has to be scoped to persist alongside the cell, as the binding
                // will use weak listeners, and we need to avoid the listener getting gc'd:
                private ChangeListener<Boolean> listener = (obs, wasHighlighted, isHighlighted) -> 
                    pseudoClassStateChanged(highlighted, isHighlighted);

                // anonymous constructor: register listener with binding    
                {
                    highlightCell.addListener(listener);
                }
            };

            // display correct text:
            cell.itemProperty().addListener((obs, oldItem, newItem) -> {
                if (newItem == null) {
                    cell.setText(null);
                } else {
                    cell.setText(newItem.toString());
                }
            });

            // mouse listeners:
            cell.setOnMouseEntered(e -> {
                if (cell.getTreeItem() != null) {
                    highlightedItems.add(cell.getTreeItem());
                    highlightedItems.addAll(cell.getTreeItem().getChildren());
                }
            });

            cell.setOnMouseExited(e -> highlightedItems.clear());

            return cell ;
        });

        BorderPane uiRoot = new BorderPane(tree);
        Scene scene = new Scene(uiRoot, 600, 600);
        scene.getStylesheets().add("highlight-tree-children.css");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private TreeItem<Integer> buildTreeRoot() {
        return buildTreeItem(1);
    }

    private TreeItem<Integer> buildTreeItem(int n) {
        TreeItem<Integer> item = new TreeItem<>(n);
        if (n < 10_000) {
            for (int i = 0; i<10; i++) {
                item.getChildren().add(buildTreeItem(n * 10 + i));
            }
        }
        return item ;
    }


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

.tree-cell:highlighted {
    -fx-background: yellow ;
}