From d207ebff19f99a2231abfac4e8110431da351e60 Mon Sep 17 00:00:00 2001 From: cemal Date: Sat, 21 May 2022 14:21:32 +0200 Subject: [PATCH] added animation when switching scenes --- .../controller/MainScreenController.java | 26 ++++++++++++- src/main/java/latice/view/MainScreen.fxml | 37 +++++++++++-------- 2 files changed, 46 insertions(+), 17 deletions(-) diff --git a/src/main/java/latice/controller/MainScreenController.java b/src/main/java/latice/controller/MainScreenController.java index 8c3d095..5ea6b6c 100644 --- a/src/main/java/latice/controller/MainScreenController.java +++ b/src/main/java/latice/controller/MainScreenController.java @@ -1,13 +1,19 @@ package latice.controller; +import javafx.animation.Interpolator; +import javafx.animation.KeyFrame; +import javafx.animation.KeyValue; +import javafx.animation.Timeline; import javafx.application.Platform; import javafx.fxml.FXML; import javafx.scene.Node; import javafx.scene.Scene; import javafx.scene.input.MouseEvent; +import javafx.scene.layout.BorderPane; import javafx.scene.layout.StackPane; import javafx.scene.shape.Rectangle; import javafx.stage.Stage; +import javafx.util.Duration; import latice.application.LaticeApplicationWindow; public class MainScreenController extends LaticeApplicationWindow{ @@ -17,6 +23,10 @@ public class MainScreenController extends LaticeApplicationWindow{ private Rectangle rulesButton; @FXML private Rectangle exitButton; + @FXML + private StackPane parentStackPane; + @FXML + private BorderPane menuBorderPane; // Event Listener on Rectangle[#playButton].onMouseClicked @FXML @@ -24,8 +34,20 @@ public class MainScreenController extends LaticeApplicationWindow{ System.out.println("playButtonClicked"); Stage stage = (Stage) ((Node) event.getTarget()).getScene().getWindow(); StackPane root = getRootLayout(); - Scene scene = new Scene(root, 1280, 720); - stage.setScene(scene); + root.translateYProperty().set(stage.getHeight()); + parentStackPane.getChildren().add(root); + + //parameters of the animation + Timeline timeline = new Timeline(); + KeyValue kv = new KeyValue(root.translateYProperty(), 0, Interpolator.EASE_IN); + KeyFrame kf = new KeyFrame(Duration.seconds(1), kv); + timeline.getKeyFrames().add(kf); + + //when the animation is finished we're removing the main screen + timeline.setOnFinished(t -> { + parentStackPane.getChildren().remove(menuBorderPane); + }); + timeline.play(); } // Event Listener on Rectangle[#rulesButton].onMouseClicked @FXML diff --git a/src/main/java/latice/view/MainScreen.fxml b/src/main/java/latice/view/MainScreen.fxml index a5dc4d2..a5251b3 100644 --- a/src/main/java/latice/view/MainScreen.fxml +++ b/src/main/java/latice/view/MainScreen.fxml @@ -4,20 +4,27 @@ + - -
- - - - - - - - - - - -
- + + + + +
+ + + + + + + + + + + + +
+ + +