在鼠标悬停JavaFX上突出显示网格格单元格

Question

好吧，如上所述，我在我的javafx应用程序中有网格窗格，并且我试图获取它，以便当我将鼠标悬停在单个单元格上时，鼠标所在的单元格将变为黄色（认为excel有点东西）。我不知道如何做到这一点，然后在鼠标离开手机后重置它。

  officeHoursGridPane.setOnMouseEntered((MouseEvent t) -> {
        officeHoursGridPane.setStyle("-fx-background- color:#FFFF00;");
  });

  officeHoursGridPane.setOnMouseEntered((MouseEvent t) -> {
       officeHoursGridPane.setStyle("-fx-background-color:#dae7f3;");
  });

这就是我现在拥有它的方式，但它只是在鼠标悬停时改变一种颜色，然后保持该颜色。整个表格也不会更改每个单元格。有人帮忙吗？

Answer 1

如果在网格窗格上设置了样式类:

officeHoursGridPane.getStyleClass().add("office-hours-pane");

然后，您可以使用CSS将样式应用于grid窗格的直接子级，并使用内置的< code>hover伪类仅在节点悬停时应用样式。将以下内容添加到外部CSS文件中:

.office-hours-pane > *:hover {
    -fx-background-color: #FFFF00;
}

如果您喜欢使用侦听器(这要复杂得多，并且不是好的做法，因为您应该将样式真正分离到一个单独的实体中，例如CSS)，那么您应该在网格窗格的每个子节点上设置< code>onMouseEntered和< code>onMouseExited侦听器(而不是在网格窗格本身上)。