JavaFX Pause Transition
In the JavaFX application, in order to generate the pause transition, we have to apply pause transition on any particular shape. It has the ability to take a particular pause as mentioned between specified animations. All methods needed for this purpose are present in the javafx.animation.PauseTransition class.
Properties and corresponding methods to create Pause Transition:
duration:
This property is of the object type. It is used to represent the duration of the transition and the setDuration() method is used to set it.
Constructors to create Pause Transition:
1. public PauseTransition()
This empty constructor is used to create a pause transition.
2. public PauseTransition(Duration duration)
This constructor is used to create pause transition with specified duration.
JavaFX Animation - Pause Transition
Example:
import javafx.animation.FadeTransition;
import javafx.animation.PauseTransition;
import javafx.animation.ScaleTransition;
import javafx.animation.SequentialTransition;
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;
import javafx.util.Duration;
public class AnimationUI extends Application {
@Override
public void start(Stage stage) throws Exception
{
Rectangle newrect = new Rectangle(120,120,100,100);
newrect.setStroke(Color.BLUE);
newrect.setFill(Color.RED);
newrect.setStrokeWidth(20);
Duration dur1 = Duration.millis(1000);
Duration dur2 = Duration.millis(5000);
PauseTransition pause = new PauseTransition(Duration.millis(5000));
FadeTransition fade = new FadeTransition(dur2);
fade.setFromValue(1.0f);
fade.setToValue(0.3f);
fade.setCycleCount(2);
fade.setAutoReverse(true);
ScaleTransition scale = new ScaleTransition(dur1);
scale.setByX(1.5f);
scale.setByY(1.5f);
scale.setAutoReverse(true);
SequentialTransition newseq = new SequentialTransition (newrect,scale, pause, fade);
newseq.play();
Group root = new Group();
root.getChildren().addAll(newrect);
Scene scene = new Scene(root,500,450);
stage.setScene(scene);
stage.setTitle("JavaFx Pause Transition example");
stage.show();
}
public static void main(String[] args) {
launch(args);
}
}
Output:
In order to create the Pause Transition in JavaFX, we have to import all the required libraries such as javafx.animation.FadeTransition, javafx.animation.PauseTransition , javafx.animation.ScaleTransition, javafx.application.Application, javafx.scene.Group, javafx.scene.Scene, javafx.scene.paint.Color, javafx.scene.shape.Rectangle, javafx.stage.Stage, javafx.util.Duration.
Then we have created one class named AnimationUI extending the Application class. Also, we have to override the start method to provide implementation details. This method creates an object of Stage as primaryStage. For the container to hold multiple animation with pause, a Group object is created which is then passed to the Scene class object.
The Rectangle is created with the help of the constructor and the size parameter and red color to be filled are passed in it. A pause Transition object is created and using setters various properties are set. Then it will show a scaling rectangle and take a pause and then fade the rectangle.
The stage is prepared, the title is set and the show() method is called to display output. In order to run the application, the launch(args) method is called in the main() method. In output Frame like container is displayed with the title, " JavaFX Pause Transition Example”. Also, it displays a rectangle scaling first then takes a pause, and then shows a faded rectangle.
JavaFX Animation -Pause Transition between fade and translate transition:
Example:
import javafx.animation.FadeTransition;
import javafx.animation.PauseTransition;
import javafx.animation.SequentialTransition;
import javafx.animation.TranslateTransition;
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;
import javafx.util.Duration;
public class AnimationUI extends Application {
@Override
public void start(Stage stage) throws Exception
{
Rectangle newrect = new Rectangle(120,120,100,100);
newrect.setStroke(Color.BLUE);
newrect.setFill(Color.RED);
newrect.setStrokeWidth(20);
Duration dur1 = Duration.millis(1000);
Duration dur2 = Duration.millis(1000);
PauseTransition pause = new PauseTransition(Duration.millis(1000));
FadeTransition fade = new FadeTransition(dur2);
fade.setFromValue(1.0f);
fade.setToValue(0.3f);
fade.setCycleCount(2);
fade.setAutoReverse(true);
TranslateTransition translate = new TranslateTransition(dur1);
translate.setByX(200);
translate.setDuration(Duration.millis(3000));
translate.setCycleCount(200);
translate.setAutoReverse(true);
SequentialTransition newseq = new SequentialTransition (newrect,fade, pause, translate);
newseq.play();
Group root = new Group();
root.getChildren().addAll(newrect);
Scene scene = new Scene(root,500,450);
stage.setScene(scene);
stage.setTitle("JavaFx Pause Transition example");
stage.show();
}
public static void main(String[] args) {
launch(args);
}
}
Output:
In order to create the Pause Transition between animations in JavaFX, we have to import all the required libraries such as javafx.animation.FadeTransition, javafx.animation.PauseTransition , javafx.animation.TranslateTransition, javafx.application.Application, javafx.scene.Group, javafx.scene.Scene, javafx.scene.paint.Color, javafx.scene.shape.Rectangle, javafx.stage.Stage, javafx.util.Duration.
Then we have created one class named AnimationUI extending the Application class. Also, we have to override the start method to provide implementation details. This method creates an object of Stage as primaryStage. For the container to hold fade and translate animation with pause, a Group object is created which is then passed to the Scene class object.
The Rectangle is created with the help of the constructor and the size parameter and red color to be filled are passed in it. A pause Transition object is created and using setters various properties are set. Then it will show fading rectangle and take pause and then show translated rectangle.
The stage is prepared, the title is set and the show() method is called to display output. In order to run the application, the launch(args) method is called in the main() method. In output Frame like container is displayed with the title, " JavaFX Pause Transition Example”. Also, it displays a rectangle fading first then taking a pause, and then showing translated rectangle.