JavaFX - Animacje
Ogólnie rzecz biorąc, animowanie obiektu oznacza tworzenie iluzji jego ruchu poprzez szybkie wyświetlanie. W JavaFX węzeł można animować, zmieniając jego właściwości w czasie. JavaFX udostępnia pakiet o nazwiejavafx.animation. Ten pakiet zawiera klasy używane do animowania węzłów. Animacja jest podstawową klasą wszystkich tych klas.
Korzystając z JavaFX, możesz zastosować animacje (przejścia), takie jak Fade Transition, Fill Transition, Rotate Transition, Scale Transition, Stroke Transition, Translate Transition, Path Transition, Sequential Transition, Pause Transition, Parallel Transitionitp.
Wszystkie te przejścia są reprezentowane przez poszczególne klasy w pakiecie javafx.animation.
Aby zastosować określoną animację do węzła, musisz wykonać kroki podane poniżej -
Utwórz węzeł wymagania przy użyciu odpowiedniej klasy.
Utwórz wystąpienie odpowiedniej klasy przejścia (animacji), która ma zostać zastosowana
Ustaw właściwości przejścia i
Na koniec odtwórz przejście za pomocą play() metoda Animation klasa.
W tym rozdziale omówimy przykłady podstawowych przejść (rotacja, skalowanie, translacja).
Obróć przejście
Poniżej znajduje się program, który demonstruje Rotate Transition w JavaFX. Zapisz ten kod w pliku o nazwieRotateTransitionExample.java.
import javafx.animation.RotateTransition;
import javafx.application.Application;
import static javafx.application.Application.launch;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.shape.Polygon;
import javafx.stage.Stage;
import javafx.util.Duration;
public class RotateTransitionExample extends Application {
@Override
public void start(Stage stage) {
//Creating a hexagon
Polygon hexagon = new Polygon();
//Adding coordinates to the hexagon
hexagon.getPoints().addAll(new Double[]{
200.0, 50.0,
400.0, 50.0,
450.0, 150.0,
400.0, 250.0,
200.0, 250.0,
150.0, 150.0,
});
//Setting the fill color for the hexagon
hexagon.setFill(Color.BLUE);
//Creating a rotate transition
RotateTransition rotateTransition = new RotateTransition();
//Setting the duration for the transition
rotateTransition.setDuration(Duration.millis(1000));
//Setting the node for the transition
rotateTransition.setNode(hexagon);
//Setting the angle of the rotation
rotateTransition.setByAngle(360);
//Setting the cycle count for the transition
rotateTransition.setCycleCount(50);
//Setting auto reverse value to false
rotateTransition.setAutoReverse(false);
//Playing the animation
rotateTransition.play();
//Creating a Group object
Group root = new Group(hexagon);
//Creating a scene object
Scene scene = new Scene(root, 600, 300);
//Setting title to the Stage
stage.setTitle("Rotate transition example ");
//Adding scene to the stage
stage.setScene(scene);
//Displaying the contents of the stage
stage.show();
}
public static void main(String args[]){
launch(args);
}
}Skompiluj i uruchom zapisany plik java z wiersza poleceń, używając następujących poleceń.
javac RotateTransitionExample.java
java RotateTransitionExamplePodczas wykonywania powyższy program generuje okno JavaFX, jak pokazano poniżej.
Zmiana skali
Poniżej znajduje się program, który demonstruje przejście skali w JavaFX. Zapisz ten kod w pliku o nazwieScaleTransitionExample.java.
import javafx.animation.ScaleTransition;
import javafx.application.Application;
import static javafx.application.Application.launch;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.stage.Stage;
import javafx.util.Duration;
public class ScaleTransitionExample extends Application {
@Override
public void start(Stage stage) {
//Drawing a Circle
Circle circle = new Circle();
//Setting the position of the circle
circle.setCenterX(300.0f);
circle.setCenterY(135.0f);
//Setting the radius of the circle
circle.setRadius(50.0f);
//Setting the color of the circle
circle.setFill(Color.BROWN);
//Setting the stroke width of the circle
circle.setStrokeWidth(20);
//Creating scale Transition
ScaleTransition scaleTransition = new ScaleTransition();
//Setting the duration for the transition
scaleTransition.setDuration(Duration.millis(1000));
//Setting the node for the transition
scaleTransition.setNode(circle);
//Setting the dimensions for scaling
scaleTransition.setByY(1.5);
scaleTransition.setByX(1.5);
//Setting the cycle count for the translation
scaleTransition.setCycleCount(50);
//Setting auto reverse value to true
scaleTransition.setAutoReverse(false);
//Playing the animation
scaleTransition.play();
//Creating a Group object
Group root = new Group(circle);
//Creating a scene object
Scene scene = new Scene(root, 600, 300);
//Setting title to the Stage
stage.setTitle("Scale transition example");
//Adding scene to the stage
stage.setScene(scene);
//Displaying the contents of the stage
stage.show();
}
public static void main(String args[]){
launch(args);
}
}Skompiluj i uruchom zapisany plik java z wiersza poleceń, używając następujących poleceń.
javac ScaleTransitionExample.java
java ScaleTransitionExamplePodczas wykonywania powyższy program generuje okno JavaFX, jak pokazano poniżej.
Przetłumacz Transition
Poniżej znajduje się program, który demonstruje funkcję Translate Transition w JavaFX. Zapisz ten kod w pliku o nazwieTranslateTransitionExample.java.
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.Circle;
import javafx.stage.Stage;
import javafx.util.Duration;
public class TranslateTransitionExample extends Application {
@Override
public void start(Stage stage) {
//Drawing a Circle
Circle circle = new Circle();
//Setting the position of the circle
circle.setCenterX(150.0f);
circle.setCenterY(135.0f);
//Setting the radius of the circle
circle.setRadius(100.0f);
//Setting the color of the circle
circle.setFill(Color.BROWN);
//Setting the stroke width of the circle
circle.setStrokeWidth(20);
//Creating Translate Transition
TranslateTransition translateTransition = new TranslateTransition();
//Setting the duration of the transition
translateTransition.setDuration(Duration.millis(1000));
//Setting the node for the transition
translateTransition.setNode(circle);
//Setting the value of the transition along the x axis.
translateTransition.setByX(300);
//Setting the cycle count for the transition
translateTransition.setCycleCount(50);
//Setting auto reverse value to false
translateTransition.setAutoReverse(false);
//Playing the animation
translateTransition.play();
//Creating a Group object
Group root = new Group(circle);
//Creating a scene object
Scene scene = new Scene(root, 600, 300);
//Setting title to the Stage
stage.setTitle("Translate transition example");
//Adding scene to the stage
stage.setScene(scene);
//Displaying the contents of the stage
stage.show();
}
public static void main(String args[]){
launch(args);
}
}Skompiluj i uruchom zapisany plik java z wiersza poleceń, używając następujących poleceń.
javac TranslateTransitionExample.java
java TranslateTransitionExamplePodczas wykonywania powyższy program generuje okno JavaFX, jak pokazano poniżej.
Oprócz tego JavaFX zapewnia klasy umożliwiające zastosowanie większej liczby przejść na węzłach. Poniżej przedstawiono inne rodzaje przejść obsługiwane przez JavaFX.
Przejścia wpływające na atrybuty węzłów Fade, Fill, Stroke
Przejście, które obejmuje więcej niż jedno podstawowe przejścia: Sekwencyjne, Równoległe, Pauza
Przejście, które powoduje przesunięcie obiektu wzdłuż określonej ścieżki. Przejście ścieżki