JavaFX-Schalter Szene mit slide-Effekt

Ist möglich, zu wechseln-Szene mit einem slide-Effekt?

möchte ich, dass wenn ich Anrufe, das setScene auf der Bühne-Instanz
es ändern Sie die Szene mit einem slide-Effekt. ist es möglich?

public class ManyScenes extends Application {

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

    @Override
    public void start(final Stage primaryStage) {
        primaryStage.setTitle("Slide");

        Group root1 = new Group();
        Group root2 = new Group();

        Scene scene1 = new Scene(root1, 300, 250);
        Scene scene2 = new Scene(root2, 300, 250);

        Rectangle rectangle2 = new Rectangle(300, 250);
        rectangle2.setFill(Color.BLUE);
        root2.getChildren().add(rectangle2);

        Rectangle rectangle1 = new Rectangle(300, 250);
        rectangle1.setFill(Color.RED);
        root1.getChildren().add(rectangle1);



        primaryStage.setScene(scene1);
        primaryStage.show();

        //Here i  need a slide effect,
        //this method is called when a button is pressed.
        primaryStage.setScene(scene2);
    }
}

Sie benötigen ein slide-Effekt oder Sie wollen wissen, wenn Ihr möglich?

InformationsquelleAutor Emax | 2014-11-23

Können Sie nicht für einen übergang zwischen zwei Szenen, es ist nicht möglich, beide gleichzeitig auf einer Bühne. Eine Lösung wäre mit nur einer Szene und verwalten Sie alle übergänge im inneren, wie in @James_D Antwort.

Aber das könnte man auch simulieren, einen übergang zwischen zwei Szenen. Für diese können Sie zwei Schnappschüsse der beiden, führen Sie einen übergang zwischen jenen und am Ende setzen Sie einfach die neue Szene.

Dies ist eine sehr grundlegende arbeiten Fall, dass man rückwärts gehen kann und uns alle immer wieder nur einem Klick in der neuen Szene:

@Override
public void start(Stage primaryStage) {
    Group root1 = new Group();
    Group root2 = new Group();

    Scene scene1 = new Scene(root1, 300, 250);
    Scene scene2 = new Scene(root2, 300, 250);

    Rectangle rectangle2 = new Rectangle(300, 250);
    rectangle2.setFill(Color.BLUE);
    root2.getChildren().add(rectangle2);

    Rectangle rectangle1 = new Rectangle(300, 250);
    rectangle1.setFill(Color.RED);
    root1.getChildren().add(rectangle1);

    primaryStage.setTitle("Hello World!");
    primaryStage.setScene(scene1);
    primaryStage.show();

    rectangle1.setOnMouseClicked(e->{
        //Create snapshots with the last state of the scenes
        WritableImage wi = new WritableImage(300, 250);
        Image img1 = root1.snapshot(new SnapshotParameters(),wi);
        ImageView imgView1= new ImageView(img1);
        wi = new WritableImage(300, 250);
        Image img2 = root2.snapshot(new SnapshotParameters(),wi);
        ImageView imgView2= new ImageView(img2);
        //Create new pane with both images
        imgView1.setTranslateX(0);
        imgView2.setTranslateX(300);
        StackPane pane= new StackPane(imgView1,imgView2);
        pane.setPrefSize(300,250);
        //Replace root1 with new pane
        root1.getChildren().setAll(pane);
        //create transtition
        Timeline timeline = new Timeline();
        KeyValue kv = new KeyValue(imgView2.translateXProperty(), 0, Interpolator.EASE_BOTH);
        KeyFrame kf = new KeyFrame(Duration.seconds(1), kv);
        timeline.getKeyFrames().add(kf);
        timeline.setOnFinished(t->{
            //remove pane and restore scene 1
            root1.getChildren().setAll(rectangle1);
            //set scene 2
            primaryStage.setScene(scene2);
        });
        timeline.play();
    });
    rectangle2.setOnMouseClicked(e->{
        //Create snapshots with the last state of the scenes
        WritableImage wi = new WritableImage(300, 250);
        Image img1 = root1.snapshot(new SnapshotParameters(),wi);
        ImageView imgView1= new ImageView(img1);
        wi = new WritableImage(300, 250);
        Image img2 = root2.snapshot(new SnapshotParameters(),wi);
        ImageView imgView2= new ImageView(img2);
        //Create new pane with both images
        imgView2.setTranslateX(0);
        imgView1.setTranslateX(300);
        StackPane pane= new StackPane(imgView2,imgView1);
        pane.setPrefSize(300,250);
        //Replace root2 with new pane
        root2.getChildren().setAll(pane);
        //create transtition
        Timeline timeline = new Timeline();
        KeyValue kv = new KeyValue(imgView1.translateXProperty(), 0, Interpolator.EASE_BOTH);
        KeyFrame kf = new KeyFrame(Duration.seconds(1), kv);
        timeline.getKeyFrames().add(kf);
        timeline.setOnFinished(t->{
            //remove pane and restore scene 2
            root2.getChildren().setAll(rectangle2);
            //set scene 1
            primaryStage.setScene(scene1);
        });
        timeline.play();
    });

}

Für komplexere Effekte haben Sie einen Blick auf diese.

InformationsquelleAutor José Pereda

Einen Stage enthalten kann, eine und nur eine Scene, und jeder Scene hat eine und nur eine Wurzel. So müssen Sie, um den übergang innerhalb der Wurzel eine einzelne Szene.

Einfaches Beispiel:

import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.Timeline;
import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;
import javafx.util.Duration;

public class SlidingViews extends Application {

    @Override
    public void start(Stage primaryStage) {
        Rectangle rectangle1 = new Rectangle(300, 250);
        rectangle1.setFill(Color.RED);

        Button nextView = new Button("Next");
        nextView.setPadding(new Insets(10));
        BorderPane view1 = new BorderPane(rectangle1, null, null, nextView, null);
        BorderPane.setAlignment(nextView, Pos.CENTER);

        Group view2 = new Group();
        Rectangle rectangle2 = new Rectangle(300, 250);
        rectangle2.setFill(Color.BLUE);
        view2.getChildren().add(rectangle2);

        StackPane root = new StackPane(view1);

        nextView.setOnAction(event -> {
            root.getChildren().add(view2);
            double width = root.getWidth();
            KeyFrame start = new KeyFrame(Duration.ZERO,
                    new KeyValue(view2.translateXProperty(), width),
                    new KeyValue(view1.translateXProperty(), 0));
            KeyFrame end = new KeyFrame(Duration.seconds(1),
                    new KeyValue(view2.translateXProperty(), 0),
                    new KeyValue(view1.translateXProperty(), -width));
            Timeline slide = new Timeline(start, end);
            slide.setOnFinished(e -> root.getChildren().remove(view1));
            slide.play();
        });

        Scene scene = new Scene(root, 400, 400);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

InformationsquelleAutor James_D

0

AFAIK ist es nicht möglich. Statt Schiebe-Szenen, versuchen Sie, erstellen Sie unterschiedliche layouts innerhalb einer Szene und Folie zwischen Ihnen.
- sir dies sollte ein Kommentar werden ... oder?
InformationsquelleAutor dreamsComeTrue
0

Ich würde empfehlen, einen Blick auf die Paginierung Kontrolle.

Er schaltet seine content Bereiche mit einer animation. Sie können entweder passen Sie diese ein, um Ihre Bedürfnisse anzupassen oder einen Blick auf seine Haut, die Implementierung, um eine Vorstellung zu bekommen, wie die animation.

InformationsquelleAutor eckig

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.