JavaFX: изменение псевдокласса CSS при ключевом событии

У меня есть кнопка, которая меняет свой дизайн при нажатии. (согласно CSS) Легко.

Но я также хочу включить функцию, которая при нажатии ENTER также должна быть нажата. Это работает, но у меня есть псевдокласс, который устанавливает размер кнопки на 90% (.button:pressed).

Проблема: не работает при нажатии клавиши Enter. Щелчок работает нормально. Есть ли какой-нибудь псевдокласс css для KeyTyped?

CSS:

.button{
        -fx-background-image: url("../resources/Game/cookie.png");
        -fx-background-color: transparent;
}

.button:pressed{
    -fx-background-size: 90%;
    -fx-background-position: center;
}

Заранее спасибо :)


button css javafx scenebuilder
person sk_in_the_house    schedule 31.12.2016    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вы можете явно добавить псевдокласс "pressed" при нажатии Enter, а затем удалить его при отпускании.

button.setOnKeyPressed(e -> {
   if (e.getCode() == KeyCode.ENTER) {
      button.pseudoClassStateChanged(PseudoClass.getPseudoClass("pressed"), true);
   }
});

button.setOnKeyReleased(e -> {
   if (e.getCode() == KeyCode.ENTER) {
      button.pseudoClassStateChanged(PseudoClass.getPseudoClass("pressed"), false);
   }
});

MCVE

import javafx.application.Application;
import javafx.css.PseudoClass;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.input.KeyCode;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class Test extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception {
        Button button = new Button("Change Color");
        button.setOnKeyPressed(e -> {
            if (e.getCode() == KeyCode.ENTER) {
                button.pseudoClassStateChanged(PseudoClass.getPseudoClass("pressed"), true);
            }
        });

        button.setOnKeyReleased(e -> {
            if (e.getCode() == KeyCode.ENTER) {
                button.pseudoClassStateChanged(PseudoClass.getPseudoClass("pressed"), false);
            }
        });
        StackPane stackPane = new StackPane(button);
        Scene scene = new Scene(stackPane, 200, 200);
        scene.getStylesheets().add(getClass().getResource("test.css").toExternalForm());
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

test.css

.button:pressed{
    -fx-background-color: red;
}
person ItachiUchiha    schedule 01.01.2017