package javafx_imagetransition;
import javafx.animation.*;
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javafx.util.Duration;
/**
*
* @web http://java-buddy.blogspot.com/
*/
public class JavaFX_ImageTransition extends Application {
/**
* @param args the command line arguments
*/
public static void main(String[] args) {
launch(args);
}
Scene scene;
@Override
public void start(Stage primaryStage) {
primaryStage.setTitle("http://java-buddy.blogspot.com/");
StackPane root = new StackPane();
scene = new Scene(root, 300, 250);
VBox vBox = new VBox();
vBox.setSpacing(3);
final Image image1 = new Image(getClass().getResourceAsStream("duke_44x80.png"));
final ImageView imageView = new ImageView();
imageView.setImage(image1);
final TranslateTransition transitionForward
= createTransitionForward(imageView);
final TranslateTransition transitionBackward
= createTransitionBackward(imageView);
Button btnForward = new Button();
btnForward.setText("Forward");
btnForward.setOnAction(new EventHandler<ActionEvent>() {
@Override
public void handle(ActionEvent event) {
transitionForward.play();
}
});
Button btnBackward = new Button();
btnBackward.setText("Backward");
btnBackward.setOnAction(new EventHandler<ActionEvent>() {
@Override
public void handle(ActionEvent event) {
transitionBackward.play();
}
});
vBox.getChildren().add(imageView);
vBox.getChildren().add(btnForward);
vBox.getChildren().add(btnBackward);
root.getChildren().add(vBox);
primaryStage.setScene(scene);
primaryStage.show();
}
TranslateTransition createTransitionForward(final ImageView iv){
TranslateTransition transition = TranslateTransitionBuilder.create()
.node(iv)
.fromX(0)
.toX(scene.widthProperty().doubleValue() - iv.getImage().getWidth())
.fromY(0)
.toY(scene.heightProperty().doubleValue() - iv.getImage().getHeight())
.duration(Duration.millis(1000))
.interpolator(Interpolator.LINEAR)
.cycleCount(1)
.build();
return transition;
}
TranslateTransition createTransitionBackward(final ImageView iv){
TranslateTransition transition = TranslateTransitionBuilder.create()
.node(iv)
.fromX(scene.widthProperty().doubleValue() - iv.getImage().getWidth())
.toX(0)
.fromY(scene.heightProperty().doubleValue() - iv.getImage().getHeight())
.toY(0)
.duration(Duration.millis(1000))
.interpolator(Interpolator.LINEAR)
.cycleCount(1)
.build();
return transition;
}
}
Read more: Implement setOnFinished() to handle end of Transition
