如何在JavaFX中恢复按钮上的onclick效果

Question

我寻找了关于这个问题的解决方案&在Silverlight和JavaScript上找到了一些解决方案，但在JavaFX上没有找到。

关于这个问题：

我正在用JavaFX设计一个GUI，其中添加了两个按钮：ADD和REMOVE

我已经使用CSS为ADD按钮设置了样式，但它已经失去了悬停&onclick效果。为了更好地理解这个问题，我附上了几张图片

1. 如果您查看此处的照片，您将看到当单击REMOVE按钮时，它会略微改变其颜色，以提供当前正在单击的效果。此外，当光标悬停在它上面时，它会变得比平时稍微亮一些。

此按钮的代码如下所示

VBox rightBox = new VBox(remBttn);
rightBox.setPadding(new Insets(10));
rightBox.setAlignment(Pos.CENTER);
remBttn.setPadding(new Insets(100,0,100,0));
remBttn.setPrefWidth(100);
remBttn.setOnAction(
        new EventHandler<ActionEvent>()
        {
            public void handle(ActionEvent ae)
            {
                myLabel.setText("You Clicked The REMOVE Button");
            }
        });
remBttn.setFont(Font.font(20));

其代码如下：

VBox leftBox = new VBox(addBttn);
leftBox.setPadding(new Insets(10));
leftBox.setAlignment(Pos.CENTER);
addBttn.setPadding(new Insets(100,0,100,0));
addBttn.setPrefWidth(100);
addBttn.setStyle("-fx-background-color: #c3c4c4, linear-gradient(#d6d6d6 50%, white 100%), radial-gradient(center 50% -40%, radius 200%, #e6e6e6 45%, rgba(230,230,230,0) 50%); -fx-background-radius: 30; -fx-background-insets: 0,1,1; -fx-text-fill: black; -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,0.6) , 3, 0.0 , 0 , 1 ); -fx-focus-color: transparent; -fx-base: coral;");

所以我想知道什么方法或属性可以用来在不改变样式的情况下带回相同的效果。

Answer 1

你改变按钮背景的那一刻，它就会失去默认的悬停和点击效果，所以我认为更好的做法是在CSS中设置悬停和点击效果。

顺便说一句，不要在代码中再次设置样式，只需在src文件夹中创建一个css文件，然后使用此链接到场景。

scene.getStylesheets().add(getClass().getResource("your_file_name.css").toExternalForm());

然后使用addbttn.setid（“addbttn”）将id添加到添加按钮；然后在your_file_name.css中引用它，如

#addBttn{
   /*Your custom default button style*/
}

#addBttn:hover{
   /*Your button style on hover*/
}

#addBttn:pressed{
    /*Your button style on pressed*/
 }

希望这能解决你的问题。