在一个功能内两次更改按钮背景[重复]

Question

我正在尝试用JavaFX做“MemoryGame”。我现在要处理的是在单击按钮后，使用CSS在一个函数中两次更改按钮的背景。

public void changeTransparent(ActionEvent event) {
        butCver01.setStyle("-fx-background-color: transparent");

        try {
            Thread.sleep(1000);
        } catch (InterruptedException e) {}

        butCver01.setStyle("-fx-background-color: green");

    }

现在，当我们点击butCver01时，一秒钟后它将变成绿色。

Answer 1

正如我在评论中提到的，JavaFX应用程序线程不能在执行您的方法时调度下一个帧呈现（即“脉冲”）。使用thread.sleep阻塞FX线程意味着它不能做任何事情，更不用说调度下一个脉冲了。一个阻塞的FX线程等于一个冻结的用户界面，你的用户将无法点击任何更多的卡试图获得匹配。

您应该使用动画API在FX线程上“随时间”执行操作。动画是“异步”执行的（在FX线程上），这意味着可以在动画运行时处理其他操作。启动动画的调用也会立即返回。这里有一个示例，它将在一秒钟内显示矩形下面的形状；但是，没有逻辑来确定是否显示两个匹配的形状，一次只显示两个形状，等等。

import javafx.animation.PauseTransition;
import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.layout.HBox;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.scene.shape.Polygon;
import javafx.scene.shape.Rectangle;
import javafx.scene.shape.Shape;
import javafx.stage.Stage;
import javafx.util.Duration;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) {
        HBox box = new HBox(10, createCard(true), createCard(true), createCard(false));
        box.setPadding(new Insets(100));
        primaryStage.setScene(new Scene(box));
        primaryStage.show();
    }

    private StackPane createCard(boolean circle) {
        Shape shape;
        if (circle) {
            shape = new Circle(50, Color.FORESTGREEN);
        } else {
            // create triangle
            shape = new Polygon(0, 0, 50, 100, -50, 100);
            shape.setFill(Color.FIREBRICK);
        }

        Rectangle cover = new Rectangle(0, 0, 100, 150);
        cover.mouseTransparentProperty()
                .bind(cover.fillProperty().isEqualTo(Color.TRANSPARENT));
        cover.setOnMouseClicked(event -> {
            event.consume();

            cover.setFill(Color.TRANSPARENT);

            PauseTransition pt = new PauseTransition(Duration.seconds(1));
            pt.setOnFinished(e -> cover.setFill(Color.BLACK));
            pt.playFromStart();
        });
        return new StackPane(shape, cover);
    }

}