在场景生成器中向 GridPane 添加操作

Question

我有一个 image_1、Title_1 和 details_1，在一个 GridPane_1 中，（see the picture）。我想给GridPane_1添加一个事件所以如果你输入鼠标到GridPane_1变成灰色背景（例如），表示选择了image_1，Title_1 和 details_1 一个按钮一样，所以如果你按下它，它就会转到 window_1，其余的也一样 (GridPane_2 (image_2, Title_2 和 details_2) --- window_2) (GridPane_3 (image_3, Title_3 和 details_3) --- window_3) (GridPane_4 (image_4, Title_4 和 details_4) --- window_4)

Answer 1

您可以为所有四个子网格窗格指定样式 class。在 SceneBuilder 中， inspector>>properties 下有一个 css javafx 菜单。在本例中为“网格窗格”。

现在您需要将此 css 文件附加到选项卡预览>>场景样式 Sheets >>添加样式 Sheet 我将其命名为 main.css ，但您可以随意命名。

main.css 文件：

 .gridpane:hover {

-fx-background-color : blue;
}

现在 hover 是伪class，仅当鼠标悬停在节点上时才应用其规则。在这种情况下，它会将背景颜色更改为蓝色。您可以在 scenebuilder 的预览中看到它>> 在 Window.

中显示预览

Css仅应用于sceneBuilder。如果您想在实际应用中设置此样式，请遵循

在场景生成器中向 GridPane 添加操作

Add action to GridPane in scene builder

java

events

javafx

scenebuilder

gridpane