javafx应用程序中的计时器

Question

我试图显示一个计时器，它在点击开始按钮后计数并在标签中显示秒数，但我没有得到想要的输出。这是我的控制器代码和FXML文件。。。

public class FXMLDocumentController implements Initializable {

    @FXML
    private static final Integer STARTTIME = 0;
    private Timeline timeline;
    private Label timerLabel = new Label();
    private IntegerProperty timeSeconds = new SimpleIntegerProperty(STARTTIME);
    Button button = new Button();


    public void handle(ActionEvent event) {
        if (timeline != null) {
            timeline.stop();
        }
        timeSeconds.set(STARTTIME);
        timeline = new Timeline();

        timeline.getKeyFrames().add(new KeyFrame(Duration.seconds(STARTTIME+1),
                                    new KeyValue(timeSeconds, 0)));
        timeline.playFromStart();
        timerLabel.textProperty().bind(timeSeconds.asString());

    }



     public void initialize(URL url, ResourceBundle rb) {
         // TODO

     }    

}

这是我的FXML代码...

xml prettyprint-override"><Button fx:id="button" layoutX="120.0" layoutY="40.0" 
        mnemonicParsing="false" text="Start Timmer" onAction="#handle" />
<Label layoutX="132.0" layoutY="92.0" prefHeight="17.0" prefWidth="65.0" 
       textFill="#f20b0b">
    <font>
        <Font size="24.0" />
    </font>
</Label>

Answer 1

您没有正确使用Timeline。

关键帧的持续时间是执行更新时从动画开始的偏移量。多次单击按钮都会添加动画开始后1秒运行的关键帧。

此外，使用KeyValue将当前值插值为传递给KeyValue的值。如果新值与旧值相同，这就没有什么意义。

相反，您应该使用EventHandler

此外，按钮字段应该由FXMLLoader注入。这要求该字段为公共或用@FXML注释。

<Button fx:id="button" layoutX="120.0" layoutY="40.0" 
        mnemonicParsing="false" text="Start Timmer" onAction="#handle" />
<Label fx:id="timerLabel" layoutX="132.0" layoutY="92.0" prefHeight="17.0" prefWidth="65.0" 
       textFill="#f20b0b">
    <font>
        <Font size="24.0" />
    </font>
</Label>

public class FXMLDocumentController implements Initializable {

    private static final int STARTTIME = 0;
    private Timeline timeline;
    private final IntegerProperty timeSeconds = new SimpleIntegerProperty(STARTTIME);

    @FXML
    private Label timerLabel;
    @FXML
    private Button button;

    private void updateTime() {
        // increment seconds
        int seconds = timeSeconds.get();
        timeSeconds.set(seconds+1);
    }

    public void handle(ActionEvent event) {
        button.setDisable(true); // prevent starting multiple times
        timeline = new Timeline(new KeyFrame(Duration.seconds(1), evt -> updateTime())); 
        timeline.setCycleCount(Animation.INDEFINITE); // repeat over and over again
        timeSeconds.set(STARTTIME);
        timeline.play();
    }

    public void initialize(URL url, ResourceBundle rb) {
        // TODO
        timerLabel.textProperty().bind(timeSeconds.asString());
    }    

}