JavaFX并行过渡

本文概述

• 属性
• 构造函数
• 模拟并行过渡

此过渡将多个动画并行应用到一个节点上。它与顺序过渡类似, 不同之处在于它同时在一个节点上应用多次过渡, 而顺序过渡按照将动画传递到构造函数的顺序在节点上应用多次过渡。

在JavaFX中, 类javafx.animation.ParallelTransition表示并行转换。我们只需要在实例化此类时将过渡列表传递给构造函数即可。

属性

该类仅包含下表中描述的一个属性及其setter方法。

构造函数

该类中有四个构造函数。

1. public ParallelTransition()：使用默认参数创建一个ParallelTransition实例。
2. public ParallelTransition（Animation？children）：创建一个带有动画列表的ParallelTransition实例。
3. public ParallelTransition（Node node）：创建一个ParallelTransition实例, 该实例具有将在其上应用并行转换的指定节点。
4. public ParallelTransition（Node node, Animation？children）：创建具有指定节点和动画列表的ParallelTransition实例。

例

在下面的示例中, 我们创建了一个多边形, 并在其上并行应用了各种动画。

package application;
import javafx.animation.FadeTransition;
import javafx.animation.ParallelTransition;
import javafx.animation.PauseTransition;
import javafx.animation.RotateTransition;
import javafx.animation.ScaleTransition;
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.Polygon;
import javafx.stage.Stage; 
import javafx.util.Duration; 
         
public class Parallel_Transition extends Application { 
   @Override 
   public void start(Stage primaryStage) {      
	   //Setting points for the polyogn 
		Polygon poly = new Polygon(); 
	   poly.getPoints().addAll(new Double[] {320.0, 270.0, 270.0, 220.0, 270.0, 270.0, 320.0, 120.0, 370.0, 270.0, 370.0, 220.0});
		
		 //Setting Color and Stroke properties for the polygon  
		 poly.setFill(Color.LIMEGREEN);
		 poly.setStroke(Color.BLACK);
	 
		 //Setting durations for the transition 
	     Duration dur1 = Duration.millis(1000);
	     Duration dur2 = Duration.millis(1000);
	 
	     
	     //Setting the pause transition
	     PauseTransition pause = new PauseTransition(Duration.millis(1000));
	     
	     //Setting the fade transition 
	     FadeTransition fade = new FadeTransition(dur2);
	     fade.setFromValue(1.0f);
	     fade.setToValue(0.3f);
	     fade.setCycleCount(5);
	     fade.setAutoReverse(true);
	     
	     //Setting Translate transition
	     TranslateTransition translate = new TranslateTransition(dur1);
	     translate.setToX(-150f);
	     translate.setCycleCount(5);
	     translate.setAutoReverse(true);
	     
	     //Setting Rotate Transition 
	     RotateTransition rotate = new RotateTransition(dur2);
	     rotate.setByAngle(360f);
	     rotate.setCycleCount(5);
	     rotate.setAutoReverse(true);
	     
	     //Setting Scale Transition 
	     ScaleTransition scale = new ScaleTransition(dur1);
	     scale.setByX(1.5f);
	     scale.setByY(1.2f);
	     scale.setCycleCount(5);
	     scale.setAutoReverse(true);
	     
	     //Instantiating Parallel Transition class by passing the list of transitions into its constructor
	     ParallelTransition seqT = new ParallelTransition (poly, rotate, pause, fade, translate, scale);
	     
	     //playing the transition 
	     seqT.play();
	 	 
	     //Configuring the group and scene 
	     Group root = new Group();
		 root.getChildren().addAll(poly);
		 Scene scene = new Scene(root, 490, 450, Color.WHEAT);
		 primaryStage.setScene(scene);
		 primaryStage.setTitle("Parallel Transition Example");
		 primaryStage.show();
   }      
   public static void main(String args[]){ 
      launch(args); 
   } 
}

输出：

模拟并行过渡

以下代码说明了不同节点上并行转换的仿真。在这里, 我们在不使用ParallelTransition的情况下对不同的节点应用了类似的过渡。

package application;
import javafx.animation.FadeTransition;
import javafx.animation.RotateTransition;
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.scene.shape.Line;
import javafx.scene.transform.Rotate;
import javafx.stage.Stage;
import javafx.util.Duration;
public class Parallel_Transition extends Application{
@Override
public void start(Stage primaryStage) throws Exception {
	// TODO Auto-generated method stub

	Circle cir1 = new Circle(50, 100, 50);
	Circle cir2 = new Circle(550, 100, 50);
	
	//setting colours and strokes for circle
	cir1.setFill(Color.BLUE);
	cir2.setFill(Color.LIMEGREEN);
	cir1.setStroke(Color.BLACK);
	cir2.setStroke(Color.BLACK);
	
	
	Line line1 = new Line(100, 100, 500, 100);
	
	Circle cir3 = new Circle(50, 400, 50);
	Circle cir4 = new Circle(550, 400, 50);
	cir3.setFill(Color.RED);
	cir4.setFill(Color.PURPLE);
	cir3.setStroke(Color.BLACK);
	cir4.setStroke(Color.BLACK);
	
	Line line2 = new Line(100, 400, 500, 400);
	Line line3 = new Line(50, 150, 50, 350);
	
	RotateTransition rotateline3 = new RotateTransition();
	rotateline3.setAxis(Rotate.X_AXIS);
	rotateline3.setByAngle(180);
	rotateline3.setAutoReverse(true);
	rotateline3.setDuration(Duration.millis(500));
	rotateline3.setCycleCount(50);
	rotateline3.setNode(line3);
	rotateline3.play();
	
	Line line4 = new Line(550, 150, 550, 350);
	RotateTransition rotateline4 = new RotateTransition();
	rotateline4.setAxis(Rotate.X_AXIS);
	rotateline4.setByAngle(180);
	rotateline4.setAutoReverse(true);
	rotateline4.setDuration(Duration.millis(500));
	rotateline4.setCycleCount(50);
	rotateline4.setNode(line4);
	rotateline4.play();

	FadeTransition fadeCir1 = new FadeTransition();
	fadeCir1.setAutoReverse(true);
	fadeCir1.setFromValue(10);
	fadeCir1.setToValue(0.1);
	fadeCir1.setCycleCount(50);
	fadeCir1.setDuration(Duration.millis(500));
	fadeCir1.setNode(cir1);
	fadeCir1.play();
	
	FadeTransition fadeCir2 = new FadeTransition();
	fadeCir2.setAutoReverse(true);
	fadeCir2.setFromValue(10);
	fadeCir2.setToValue(0.1);
	fadeCir2.setCycleCount(50);
	fadeCir2.setDuration(Duration.millis(500));
	fadeCir2.setNode(cir2);
	fadeCir2.play();
	
	FadeTransition fadeCir3 = new FadeTransition();
	fadeCir3.setAutoReverse(true);
	fadeCir3.setFromValue(10);
	fadeCir3.setToValue(0.1);
	fadeCir3.setCycleCount(50);
	fadeCir3.setDuration(Duration.millis(500));
	fadeCir3.setNode(cir3);
	fadeCir3.play();
	
	FadeTransition fadeCir4 = new FadeTransition();
	fadeCir4.setAutoReverse(true);
	fadeCir4.setFromValue(10);
	fadeCir4.setToValue(0.1);
	fadeCir4.setCycleCount(50);
	fadeCir4.setDuration(Duration.millis(500));
	fadeCir4.setNode(cir4);
	fadeCir4.play();
	
	
	
	TranslateTransition trans1 = new TranslateTransition();
	trans1.setByY(300);
	trans1.setCycleCount(50);
	trans1.setDuration(Duration.millis(500));
	trans1.setAutoReverse(true);
	trans1.setNode(cir1);
	trans1.play();
	
	TranslateTransition trans2 = new TranslateTransition();
	trans2.setCycleCount(50);
	trans2.setByY(300);
	trans2.setCycleCount(50);
	trans2.setDuration(Duration.millis(500));
	trans2.setAutoReverse(true);
	trans2.setNode(cir2);
	trans2.play();
	
	TranslateTransition trans3 = new TranslateTransition();
	trans3.setByY(-300);
	trans3.setCycleCount(50);
	trans3.setDuration(Duration.millis(500));
	trans3.setAutoReverse(true);
	trans3.setNode(cir3);
	trans3.play();
	
	TranslateTransition trans4 = new TranslateTransition();
	
	trans4.setByY(-300);
	trans4.setAutoReverse(true);
	trans4.setCycleCount(50);
	trans4.setDuration(Duration.millis(500));
	trans4.setNode(cir4);
	trans4.play();
	
	TranslateTransition linetrans1 = new TranslateTransition();
	linetrans1.setByY(300);
	linetrans1.setCycleCount(50);
	linetrans1.setDuration(Duration.millis(500));
	linetrans1.setAutoReverse(true);
	linetrans1.setNode(line1);
	linetrans1.play();
	
	TranslateTransition linetrans2 = new TranslateTransition();
	linetrans2.setCycleCount(50);
	linetrans2.setByY(-300);
	linetrans2.setCycleCount(50);
	linetrans2.setDuration(Duration.millis(500));
	linetrans2.setAutoReverse(true);
	linetrans2.setNode(line2);
	linetrans2.play();
	
	Group root = new Group();
	root.getChildren().addAll(cir1, cir2, line1, cir3, cir4, line2, line3, line4);
	Scene scene = new Scene(root, 600, 550, Color.WHEAT);
	primaryStage.setScene(scene);
	primaryStage.setTitle("Animation example");
	primaryStage.show();
	

}
public static void main(String[] args) {
	launch(args);
}
}

输出：