在javaFX中按下“Tab”按钮时如何让按钮聚焦？

【问题标题】：How to have a button focused when pressing 'Tab' button in javaFX?在javaFX中按下“Tab”按钮时如何让按钮聚焦？
【发布时间】：2016-04-17 13:07:08
【问题描述】：

This is the Image link of my fxml file...

在上面显示的 javaFx 简单表单窗口中，当我按下选项卡按钮时，它将转到确定按钮，下一个选项卡将切换到取消按钮。但是，文本字段上显示的焦点不会转移到按钮上。
但是当鼠标光标移动到它们上时，悬停效果会完美地发挥作用。
按下选项卡按钮时如何使这些按钮以不同的颜色聚焦/悬停（而不是通过在它们上移动鼠标光标）？感谢期待。

【问题讨论】：

请发布您的代码。

标签： css javafx hover focus javafx-8

【解决方案1】：

您可以在样式表中设置按钮的颜色。

public class YourApp extends Application {

    @Override
    public void start(Stage primaryStage) {

        TextField txt = new TextField("test");

        Button btnOk = new Button("OK");
        btnOk.setId("buttonOk");

        Button btnCancel = new Button("Cancel");
        btnCancel.setId("buttonCancel");

        VBox box = new VBox(txt, btnOk, btnCancel);
        Scene scene = new Scene(box);

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

        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

yourApp.css：

#buttonCancel:hover,
#buttonCancel:focused {
    -fx-background-color: blue;
}
#buttonOk:hover,
#buttonOk:focused{
    -fx-background-color: green;
}

【讨论】：

非常感谢。这太容易了，就像 html 中的 css ;)