突出显示网格窗格列

Question

好的，所以当我将鼠标悬停在列中的任何节点上时，我试图突出显示网格窗格中垂直列中的所有节点。所以现在我正在获取鼠标所在节点的 columnIndex，然后创建一个包含共享该列索引的所有节点的数组。将该数组返回给 main 方法，然后将数组中节点的背景颜色更改为一种颜色。

这是鼠标悬停功能：

for (Node node : officeHoursGridPane.getChildren()) {
                node.setOnMouseEntered((MouseEvent t) -> {
                    node.setStyle("-fx-background-color:#f9f3c5;");
                    Node source = (Node)t.getSource();
                    Integer colIndex =     GridPane.getColumnIndex(source);
                    Integer rowIndex =     GridPane.getRowIndex(source);
                    //ystem.out.println("Column #: " + colIndex +     "\nRow #: " + rowIndex);                   
                    for(int c = 0; c <= colIndex; c++){
                        Node[] colNode = getNodeByColumnIndex(colIndex, officeHoursGridPane);
                        int colCount=0;
                        for(int v = 0; v <= colNode.length; v++){
                            Node vertNode = colNode[v];
                            vertNode.setStyle("-fx-background-color:#f9f3c5;");   
                        }                    
                    }                   
               });
                   node.setOnMouseExited((MouseEvent t) -> {
                      node.setStyle("-fx-background-color:#ffffff;");
                });          
            }

这是我的 Node[] 构建器：

    public Node[] getNodeByColumnIndex (final int column, GridPane gridPane) {
        Node[] result = null;
        ObservableList<Node> childrens = gridPane.getChildren();
        int count = 0;
        for (Node node : childrens) {
            if(GridPane.getColumnIndex(node) == column) {
                result[count] = node;
                count++;
                if(count > column){
                    break;
                }
            } 
        }

        return result;
    }

Answer 1

您应该在网格窗格的子项中找到具有相同列索引的所有节点：

for (Node node : officeHoursGridPane.getChildren()) {
    node.setOnMouseEntered(e -> officeHoursGridPane.getChildren().forEach(c -> {
        Integer targetIndex = GridPane.getColumnIndex(node);
        if (GridPane.getColumnIndex(c) == targetIndex) {
            c.setStyle("-fx-background-color:#f9f3c5;");
        }
    }));
    node.setOnMouseExited(e -> officeHoursGridPane.getChildren().forEach(c -> {
        Integer targetIndex = GridPane.getColumnIndex(node);
        if (GridPane.getColumnIndex(c) == targetIndex) {
            c.setStyle("-fx-background-color:#ffffff;");
        }
    }));
}

注意，为了不突出显示额外的节点，您可能还应该检查行索引。