java - Javafx 中的倒计时与最大化

标签 java javafx scenebuilder

我目前正在尝试开发一个包含 3 个值的倒计时。

第一个值是倒计时应该运行多长时间，第二个值是从倒计时变为橙色时开始，第三个值是从倒计时变为红色时开始。 我的倒计时有一个问题，它时不时地旋转，有时跑得更快，当我恢复倒计时时，它开始旋转! 我有一个问题，如果我想最大化应用程序，我希望它自动放大场景中的所有对象。 用户界面是使用场景生成器构建的。 感谢您的帮助。

package application;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.stage.Stage;
import javafx.scene.Parent;
import javafx.scene.Scene;

public class Main extends Application {
    @Override
    public void start(Stage stage) throws Exception   {
        Parent root = FXMLLoader.load(getClass().getResource("/gui/Countdown.fxml"));
        Scene scene = new Scene(root);
        scene.getStylesheets().add("/gui/application.css");
        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}
<小时/> 
package application.controller.gui;

import com.jfoenix.controls.JFXButton;
import com.jfoenix.controls.JFXComboBox;
import java.net.URL;
import java.time.LocalTime;
import java.util.Map;
import java.util.ResourceBundle;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Alert;
import javafx.scene.control.Alert.AlertType;
import javafx.scene.layout.AnchorPane;
import javafx.scene.paint.Color;
import javafx.scene.text.Text;

public class CountDownController implements Initializable {

    @FXML
    private ResourceBundle resources;

    @FXML
    private URL location;

    @FXML
    private AnchorPane menuPane;

    @FXML
    private Text timerText;

    @FXML
    private JFXButton resertButton;

    @FXML
    private JFXButton pauseButton;

    @FXML
    private AnchorPane timerPane;

    @FXML
    private JFXComboBox<Integer> schwellWertStunden1;

    @FXML
    private JFXComboBox<Integer> schwellWertMinuten1;

    @FXML
    private JFXComboBox<Integer> schwellWertStunden2;

    @FXML
    private JFXComboBox<Integer> schwellWertMinuten2;

    @FXML
    private JFXComboBox<Integer> startStunden;

    @FXML
    private JFXComboBox<Integer> startMinuten;

    @FXML
    private JFXComboBox<Integer> startSekunden;

    @FXML
    private JFXButton startButton;

    Map<Integer, String> numberMap;
    Integer currSeconds;
    Thread thrd;;

    @FXML
    void start(ActionEvent event) {
        startCountDown();
        Combo();
    }

    void startCountDown() {
        thrd = new Thread(new Runnable() {

            @SuppressWarnings("deprecation")
            @Override
            public void run() {
                try {
                    LocalTime localTimeCounter = LocalTime.of(startStunden.getSelectionModel().getSelectedIndex(),
                            startMinuten.getSelectionModel().getSelectedIndex(),
                            startSekunden.getSelectionModel().getSelectedIndex());

                    LocalTime localTimeSchwellwert1 = LocalTime.of(schwellWertStunden1.getValue(),
                            schwellWertMinuten1.getValue());
                    LocalTime localTimeSchwellwert2 = LocalTime.of(schwellWertStunden2.getValue(),
                            schwellWertMinuten2.getValue());

                    boolean bSchwellert1Erreicht = false;

                    while (true) {
                        localTimeCounter = localTimeCounter.minusSeconds(1);

                        Thread.sleep(1000);

                        timerText.setText(localTimeCounter.toString());

                        if (localTimeCounter.isBefore(localTimeSchwellwert1) && !bSchwellert1Erreicht) {
                            timerText.setFill(Color.ORANGE);

                            bSchwellert1Erreicht = true;
                        }

                        if (localTimeCounter.isBefore(localTimeSchwellwert2)) {
                            timerText.setFill(Color.RED);
                        }

                        if (localTimeCounter.toSecondOfDay() <= 0) {
                            thrd.stop();
                        }
                    }
                } catch (Exception e) {
                    // TODO: handle exception
                }
            }
        });
        thrd.start();
    }

    @FXML
    @SuppressWarnings("deprecation")
    void pauseAction(ActionEvent event) {
        thrd.stop();
    }

    void siZe() {

    }

    void Combo() {
        if (schwellWertMinuten1.getSelectionModel().getSelectedIndex() <= schwellWertMinuten2.getSelectionModel()
                .getSelectedIndex()) {
            Alert alert = new Alert(AlertType.ERROR);
            alert.setTitle("Bitte überprüfen sie denn Schwellwert 2!");
            alert.setHeaderText("Der Schwellwert 2 darf nicht kleiner oder gleich Schwellwert 1 sein!");
            alert.setContentText("");

            alert.showAndWait();
        }
    }

    @SuppressWarnings("deprecation")
    @FXML
    void resetAction(ActionEvent event1) {
        thrd.stop();
        timerText.setText("00:00:00");
        timerText.setFill(Color.BLACK);
    }

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        ObservableList<Integer> stundenListe = FXCollections.observableArrayList();
        ObservableList<Integer> minutenSekunden = FXCollections.observableArrayList();

        for (int i = 0; i <= 60; i++) {
            if (0 <= i && i <= 24) {
                stundenListe.add(new Integer(i));
            }
            minutenSekunden.add(new Integer(i));
        }
        startStunden.setItems(stundenListe);
        startStunden.setValue(0);
        schwellWertStunden1.setItems(stundenListe);
        schwellWertStunden1.setValue(0);
        schwellWertStunden2.setItems(stundenListe);
        schwellWertStunden2.setValue(0);

        startMinuten.setItems(minutenSekunden);
        startMinuten.setValue(0);

        schwellWertMinuten1.setItems(minutenSekunden);
        schwellWertMinuten2.setItems(minutenSekunden);
        schwellWertMinuten1.setValue(0);
        schwellWertMinuten2.setValue(0);
        startSekunden.setItems(minutenSekunden);
        startSekunden.setValue(0);
    }
}
<小时/> 
<?xml version="1.0" encoding="UTF-8"?>

<?import com.jfoenix.controls.JFXButton?>
<?import com.jfoenix.controls.JFXComboBox?>
<?import com.jfoenix.controls.JFXTabPane?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Tab?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>
<?import javafx.scene.text.Text?>

<JFXTabPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" fx:controller="application.controller.gui.CountDownController">
    <tabs>
        <Tab closable="false" text="Countdown">
            <content>
                <VBox alignment="CENTER" spacing="20.0" style="-fx-background-color: white">
                    <children>
                        <Text fx:id="timerText" strokeType="OUTSIDE" strokeWidth="0.0" text="00:00:00 " textOrigin="CENTER" wrappingWidth="398.00001430511475">
                            <font>
                                <Font size="96.0" />
                            </font>
                        </Text>
                        <JFXButton fx:id="pauseButton" alignment="TOP_RIGHT" onAction="#pauseAction" prefHeight="100.0" prefWidth="100.0">
                            <graphic>
                                <ImageView fitHeight="91.0" fitWidth="109.0" pickOnBounds="true" preserveRatio="true">
                                    <image>
                                        <Image url="@../../../../../2000px-Gnome-media-playback-pause.svg.png" />
                                    </image>
                                </ImageView>
                            </graphic>
                        </JFXButton>
                        <JFXButton fx:id="resertButton" alignment="TOP_RIGHT" onAction="#resetAction" prefHeight="100.0" prefWidth="100.0">
                            <graphic>
                                <ImageView fitHeight="65.0" fitWidth="109.0" pickOnBounds="true" preserveRatio="true">
                                    <image>
                                        <Image url="@../../../../../icon-1294478_960_720.png" />
                                    </image>
                                </ImageView>
                            </graphic>
                        </JFXButton>
                    </children>
                </VBox>
            </content>
        </Tab>
        <Tab text="Werte">
            <content>
                <AnchorPane fx:id="timerPane" minHeight="0.0" minWidth="0.0" prefHeight="200.0" prefWidth="951.0" style="-fx-background-color: white;">
                    <children>
                        <Text layoutX="170.0" layoutY="110.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Startwert:" wrappingWidth="127.21630859375">
                            <font>
                                <Font size="29.0" />
                            </font>
                        </Text>
                        <Text fill="#ffcd05" layoutX="150.0" layoutY="160.0" strokeType="OUTSIDE" strokeWidth="0.0" text="  Schwellwert 1:" wrappingWidth="198.41015625">
                            <font>
                                <Font size="29.0" />
                            </font>
                        </Text>
                        <Text fill="#e40505" layoutX="150.0" layoutY="210.0" strokeType="OUTSIDE" strokeWidth="0.0" text="  Schwellwert 2:">
                            <font>
                                <Font size="29.0" />
                            </font>
                        </Text>
                        <JFXComboBox fx:id="startStunden" labelFloat="true" layoutX="350.0" layoutY="79.0" prefHeight="35.0" prefWidth="60.0" promptText="  std" visible="false" />
                        <JFXComboBox fx:id="startMinuten" labelFloat="true" layoutX="350.0" layoutY="80.0" prefHeight="35.0" prefWidth="60.0" promptText="  min" />
                        <JFXComboBox fx:id="startSekunden" disable="true" labelFloat="true" prefHeight="25.0" prefWidth="50.0" promptText=" sek" visible="false" />
                        <JFXButton fx:id="startButton" layoutX="249.0" layoutY="262.0" onAction="#start" prefHeight="100.0" prefWidth="100.0" text="Start">
                            <padding>
                                <Insets left="25.0" right="25.0" />
                            </padding>
                            <graphic>
                                <ImageView fitHeight="100.0" fitWidth="100.0" nodeOrientation="INHERIT" pickOnBounds="true" preserveRatio="true">
                                    <image>
                                        <Image url="@../../../../../play-97626_1280.png" />
                                    </image>
                                </ImageView>
                            </graphic>
                        </JFXButton>
                        <JFXComboBox fx:id="schwellWertStunden1" labelFloat="true" layoutX="350.0" layoutY="130.0" prefHeight="35.0" prefWidth="60.0" promptText="  std" visible="false" />
                        <JFXComboBox fx:id="schwellWertMinuten1" labelFloat="true" layoutX="350.0" layoutY="131.0" prefHeight="35.0" prefWidth="60.0" promptText="  min" />
                        <JFXComboBox fx:id="schwellWertStunden2" labelFloat="true" layoutX="350.0" layoutY="180.0" prefHeight="35.0" prefWidth="60.0" promptText="  std" visible="false" />
                        <JFXComboBox fx:id="schwellWertMinuten2" labelFloat="true" layoutX="350.0" layoutY="181.0" prefHeight="35.0" prefWidth="60.0" promptText="  min" />
                    </children>
                </AnchorPane>
            </content>
        </Tab>
    </tabs>
</JFXTabPane>

最佳答案

要更改基于 JavaFx 的 GUI 中节点的属性，请使用 JavaFx 动画工具。
以下mre使用 PauseTransition该工作的实例。
为了使代码独立于 JFoenix，我使用了 JavaFx 组件:

import java.net.URL;
import java.time.LocalTime;
import java.util.ResourceBundle;
import javafx.animation.PauseTransition;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Alert;
import javafx.scene.control.Alert.AlertType;
import javafx.scene.control.Button;
import javafx.scene.control.ComboBox;
import javafx.scene.layout.AnchorPane;
import javafx.scene.paint.Color;
import javafx.scene.text.Text;
import javafx.util.Duration;

public class CountDownController implements Initializable {

    @FXML
    private ResourceBundle resources;

    @FXML
    private URL location;

    @FXML
    private AnchorPane menuPane;

    @FXML
    private Text timerText;

    @FXML
    private Button resertButton, pauseButton, startButton;

    @FXML
    private AnchorPane timerPane;

    @FXML
    private ComboBox<Integer> schwellWertStunden1, schwellWertMinuten1, schwellWertStunden2, schwellWertMinuten2;

    @FXML
    private ComboBox<Integer> startStunden, startMinuten, startSekunden;

    private LocalTime localTimeCounter;
    private boolean bSchwellert1Erreicht;
    private PauseTransition pauseTransition;

    @FXML
    void start(ActionEvent event) {
        startCountDown();
        Combo();
    }

    void startCountDown() {

        try {
            localTimeCounter = LocalTime.of(startStunden.getSelectionModel().getSelectedIndex(),
                    startMinuten.getSelectionModel().getSelectedIndex(),
                    startSekunden.getSelectionModel().getSelectedIndex());

            LocalTime localTimeSchwellwert1 = LocalTime.of(schwellWertStunden1.getValue(),
                    schwellWertMinuten1.getValue());
            LocalTime localTimeSchwellwert2 = LocalTime.of(schwellWertStunden2.getValue(),
                    schwellWertMinuten2.getValue());

            bSchwellert1Erreicht = false;

            pauseTransition = new PauseTransition(Duration.seconds(.21));
            pauseTransition.setOnFinished(event ->{

                localTimeCounter = localTimeCounter.minusSeconds(1);
                timerText.setText(localTimeCounter.toString());

                if (localTimeCounter.isBefore(localTimeSchwellwert1) && !bSchwellert1Erreicht) {
                    timerText.setFill(Color.ORANGE);
                    bSchwellert1Erreicht = true;
                }

                if (localTimeCounter.isBefore(localTimeSchwellwert2)) {
                    timerText.setFill(Color.RED);
                }

                if (localTimeCounter.toSecondOfDay() <= 0) {
                    pauseTransition.stop();
                    return;
                }
                pauseTransition.play();
            });
            pauseTransition.play();

        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    @FXML
    void pauseAction(ActionEvent event) {
        if(pauseTransition != null) {
            pauseTransition.stop();
        }
    }

    void siZe() {}

    void Combo() {
        if (schwellWertMinuten1.getSelectionModel().getSelectedIndex() <= schwellWertMinuten2.getSelectionModel()
                .getSelectedIndex()) {
            Alert alert = new Alert(AlertType.ERROR);
            alert.setTitle("Bitte überprüfen sie denn Schwellwert 2!");
            alert.setHeaderText("Der Schwellwert 2 darf nicht kleiner oder gleich Schwellwert 1 sein!");
            alert.setContentText("");
            alert.showAndWait();
        }
    }

    @FXML
    void resetAction(ActionEvent event1) {
        if(pauseTransition != null) {
            pauseTransition.stop();
        }
        timerText.setText("00:00:00");
        timerText.setFill(Color.BLACK);
    }

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        ObservableList<Integer> stundenListe = FXCollections.observableArrayList();
        ObservableList<Integer> minutenSekunden = FXCollections.observableArrayList();

        for (int i = 0; i <= 60; i++) {
            if (0 <= i && i <= 24) {
                stundenListe.add(i);
            }
            minutenSekunden.add(i);
        }
        startStunden.setItems(stundenListe);
        startStunden.setValue(0);
        schwellWertStunden1.setItems(stundenListe);
        schwellWertStunden1.setValue(0);
        schwellWertStunden2.setItems(stundenListe);
        schwellWertStunden2.setValue(0);
        startMinuten.setItems(minutenSekunden);
        startMinuten.setValue(0);

        schwellWertMinuten1.setItems(minutenSekunden);
        schwellWertMinuten2.setItems(minutenSekunden);
        schwellWertMinuten1.setValue(0);
        schwellWertMinuten2.setValue(0);
        startSekunden.setItems(minutenSekunden);
        startSekunden.setValue(0);
    }
}

倒计时.fxml:

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.ComboBox?>
<?import javafx.scene.control.TabPane?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Tab?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>
<?import javafx.scene.text.Text?>

<TabPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" 
xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" fx:controller="gui.CountDownController">
    <tabs>
        <Tab closable="false" text="Countdown">
            <content>
                <VBox alignment="CENTER" spacing="20.0" style="-fx-background-color: white">
                    <children>
                        <Text fx:id="timerText" strokeType="OUTSIDE" strokeWidth="0.0" text="00:00:00 " textOrigin="CENTER" wrappingWidth="398.00001430511475">
                            <font>
                                <Font size="96.0" />
                            </font>
                        </Text>
                        <Button fx:id="pauseButton" alignment="TOP_RIGHT" onAction="#pauseAction" prefHeight="100.0" prefWidth="100.0">
                            <graphic>
                                <ImageView fitHeight="91.0" fitWidth="109.0" pickOnBounds="true" preserveRatio="true">
                                    <image>
                                        <Image url="@../../../../../2000px-Gnome-media-playback-pause.svg.png" />
                                    </image>
                                </ImageView>
                            </graphic>
                        </Button>
                        <Button fx:id="resertButton" alignment="TOP_RIGHT" onAction="#resetAction" prefHeight="100.0" prefWidth="100.0">
                            <graphic>
                                <ImageView fitHeight="65.0" fitWidth="109.0" pickOnBounds="true" preserveRatio="true">
                                    <image>
                                        <Image url="@../../../../../icon-1294478_960_720.png" />
                                    </image>
                                </ImageView>
                            </graphic>
                        </Button>
                    </children>
                </VBox>
            </content>
        </Tab>
        <Tab text="Werte">
            <content>
                <AnchorPane fx:id="timerPane" minHeight="0.0" minWidth="0.0" prefHeight="200.0" prefWidth="951.0" style="-fx-background-color: white;">
                    <children>
                        <Text layoutX="170.0" layoutY="110.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Startwert:" wrappingWidth="127.21630859375">
                            <font>
                                <Font size="29.0" />
                            </font>
                        </Text>
                        <Text fill="#ffcd05" layoutX="150.0" layoutY="160.0" strokeType="OUTSIDE" strokeWidth="0.0" text="  Schwellwert 1:" wrappingWidth="198.41015625">
                            <font>
                                <Font size="29.0" />
                            </font>
                        </Text>
                        <Text fill="#e40505" layoutX="150.0" layoutY="210.0" strokeType="OUTSIDE" strokeWidth="0.0" text="  Schwellwert 2:">
                            <font>
                                <Font size="29.0" />
                            </font>
                        </Text>
                        <ComboBox fx:id="startStunden"  layoutX="350.0" layoutY="79.0" prefHeight="35.0" prefWidth="60.0" promptText="  std" visible="false" />
                        <ComboBox fx:id="startMinuten"  layoutX="350.0" layoutY="80.0" prefHeight="35.0" prefWidth="60.0" promptText="  min" />
                        <ComboBox fx:id="startSekunden" disable="true" prefHeight="25.0" prefWidth="50.0" promptText=" sek" visible="false" />
                        <Button fx:id="startButton" layoutX="249.0" layoutY="262.0" onAction="#start" prefHeight="100.0" prefWidth="100.0" text="Start">
                            <padding>
                                <Insets left="25.0" right="25.0" />
                            </padding>
                            <graphic>
                                <ImageView fitHeight="100.0" fitWidth="100.0" nodeOrientation="INHERIT" pickOnBounds="true" preserveRatio="true">
                                    <image>
                                        <Image url="@../../../../../play-97626_1280.png" />
                                    </image>
                                </ImageView>
                            </graphic>
                        </Button>
                        <ComboBox fx:id="schwellWertStunden1"  layoutX="350.0" layoutY="130.0" prefHeight="35.0" prefWidth="60.0" promptText="  std" visible="false" />
                        <ComboBox fx:id="schwellWertMinuten1"  layoutX="350.0" layoutY="131.0" prefHeight="35.0" prefWidth="60.0" promptText="  min" />
                        <ComboBox fx:id="schwellWertStunden2"  layoutX="350.0" layoutY="180.0" prefHeight="35.0" prefWidth="60.0" promptText="  std" visible="false" />
                        <ComboBox fx:id="schwellWertMinuten2"  layoutX="350.0" layoutY="181.0" prefHeight="35.0" prefWidth="60.0" promptText="  min" />
                    </children>
                </AnchorPane>
            </content>
        </Tab>
    </tabs>
</TabPane>

关于java - Javafx 中的倒计时与最大化，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60704583/

上一篇：java - 如何对原始数据类型数组调用java内置TimSort

下一篇：java - 如何修复奇怪的 Android Studio 编辑器模式？

相关文章：

java - Android 使用 SimpleDateFormat 将字符串解析为日期时间

java - XML属性互值对的排序算法

java - JXBrowser navigator.languages 始终为空

java - FXMLLoader.load 无法解析为类型

java - IntelliJ IDEA "The selected directory is not a valid home for JDK"

java - Android Studio - 无法确定 Java 版本

svg - TornadoFX 出现奇怪的 SVG 失真

mysql - 从 DateControl 获取 CalendarFX 条目

java - 表单初始加载后会触发什么事件？

HBox FXML 中的 JavaFX 调整大小按钮

©2024 IT工具网  联系我们