Question

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

这篇文章有一个很棒的代码示例，但不是我想要的。 Apply style to TreeView children nodes in javaFX

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

Root - ＆gt;项目：1 - ＆gt;项目：100 - ＆gt;项目1000，项目1001，项目1002，项目1003

当我将鼠标悬停在“项目：100”上时，我希望它和项目1000 *具有背景颜色变化。

这对我来说似乎很难，因为getNextSibling和getPreviousSibling接口在TreeItem上，虽然您可以在MouseEvent上从TreeCell获取TreeItem，但您不能（我知道）在TreeItem上更新CSS并拥有它在TreeCell中生效 - 因为setStyle方法在TreeCell上。

关于如何做到这一点的建议？

Answer 1

[更新说明：我最初有一个使用TreeItem子类的解决方案。这里介绍的解决方案比原始解决方案更清晰。]

创建一个ObservableSet<TreeItem<?>>，其中包含应突出显示的TreeItem。然后在单元格工厂中，观察该集合和单元格treeItemProperty()，并设置样式类（我在下面的示例中使用了PseudoClass），以便在树中突出显示单元格属于该单元格的项目在集合中。

最后，向单元格注册mouseEntered和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);
    }
}

高亮树children.css：

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

JavaFX TreeView - 在MouseEvent上更改兄弟节点上的后台CSS

1 个答案: