Выделите ячейку Gridpane на Mouseover JavaFX

Question

Итак, как сказано выше, у меня есть gridpane в моем приложении javafx, и я пытаюсь получить его так, что, когда я нажимаю на отдельную ячейку, ячейка, над которой находится мышь, изменит цвет на желтый (думаю превосходит kinda предмет). Я понятия не имею, как это сделать, а затем сбросить его после того, как мышь покинет камеру.

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, чтобы применить стили к немедленным детям панели сетки, и использовать встроенный в hover pseudoclass применять только их, когда узел завис. Добавьте следующий код внешнего файл CSS:

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

Если вы предпочитаете использовать слушатель (что гораздо сложнее, а не хорошая практика, как вы должны действительно отделить стиль в отдельный объект, например, CSS), то вы будет устанавливать onMouseEntered и onMouseExited слушателей на каждом из дочерних узлов сетки (а не на самой панели сетки).