关于javafx中的PauseTransition

Question

当我点击带有文本" click“(button_to_click)的按钮时，十个其他按钮(一个包含十个元素的按钮数组)会将背景颜色更改为”红色“。以下是我的代码

package sample;

import javafx.animation.PauseTransition;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javafx.scene.control.*;
import javafx.util.Duration;

public class Main extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception{

        VBox root = new VBox();

        Button button_to_click = new Button("Click");

        Button[] buttons = new Button[10];

        root.getChildren().add(button_to_click);

        for(int i = 0; i <= 9; i++){
            buttons[i] = new Button(""+i);
            root.getChildren().add(buttons[i]);
        }

        button_to_click.setOnAction(e->{
            for(int i = 0; i <= 9; i++){
                buttons[i].setStyle("-fx-background-color:red");
                PauseTransition pause = new PauseTransition(Duration.seconds(1));
                pause.play();
            }
        });


        primaryStage.setScene(new Scene(root, 300, 275));
        primaryStage.show();
    }


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

所有的按钮同时改变它的背景颜色，这不是我想要的。

Answer 1

您对待PauseTransition就像对待Thread.sleep调用一样。但PauseTransition并不是这样工作的。

即使它是相同的，睡眠调用也不会做你想要的事情。与大多数用户界面工具包一样，JavaFX是单线程的，因此休眠调用会挂起应用程序。

暂停转换发生在后台线程中。您想要的是在pause finishes中更改按钮的颜色

button_to_click.setOnAction(e -> {
    for (int i = 0; i <= 9; i++) {
        Button button = buttons[i];

        PauseTransition pause = new PauseTransition(Duration.seconds(i));
        pause.setOnFinished(
            f -> button.setStyle("-fx-background-color:red"));
        pause.play();
    }
});

请注意，我已经将PauseTransition的持续时间从seconds(1)更改为seconds(i)。这不是最有效的方法，但它只需要对现有代码进行最少的更改。它将导致在经过i秒后调用每个按钮的setStyle方法。