Question

我一直在网上搜索，我无法找到问题的答案，所以我会尽力自己做，希望最好！

我有一个主流，提供欢迎，然后逐渐消失，但我想在那个时刻转换阶段，淡出消失！有没有人对此有答案？

以下小代码可以更好地理解：

import java.util.Timer;
import java.util.TimerTask;
import javafx.animation.FadeTransition;
import javafx.application.Application;
import javafx.geometry.Insets;

import javafx.geometry.Pos;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.GridPane;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;
import javafx.util.Duration;



public class TextFileOPG extends Application {

private Stage switchStage;

@Override
public void start(Stage primaryStage) {
    try {

            switchStage = primaryStage;

            GridPane root = new GridPane();

            root.setAlignment(Pos.CENTER);

            Text scenetitle = new Text("Welcome");
            scenetitle.setFont(Font.font("Tahoma", FontWeight.NORMAL, 40));
            root.add(scenetitle, 3, 2);

            FadeTransition ftOUT = new FadeTransition(Duration.millis(3000), root);
            ftOUT.setFromValue(1.0);
            ftOUT.setToValue(0.0);
            ftOUT.play();

            if(ftOUT.equals(Duration.millis(3000)))
            {
                loggedIn();
            }

            primaryStage.setTitle("Welcome");
            Scene scene = new Scene(root,350,400);
            primaryStage.setScene(scene);
            primaryStage.show();


    } catch(Exception e) {
        e.printStackTrace();
    }
}

public void loggedIn() 
{
    switchStage.setTitle("Try");

    GridPane grid = new GridPane();

    grid.setAlignment(Pos.CENTER);

    Text thisIsSoCoolText = new Text("Welcome Again");
    thisIsSoCoolText.setFont(Font.font("Tahoma", FontWeight.NORMAL, 40));
    grid.add(thisIsSoCoolText, 3, 2);

    Scene scene = new Scene(grid, 350, 400);
    switchStage.setScene(scene);
    switchStage.show();
}

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

Answer 1

尝试使用时间轴而不是淡入淡出过渡。时间轴可用于各种动画和UI更新。

以下代码对我有用：

import java.util.Timer;
import java.util.TimerTask;

import javafx.animation.FadeTransition;
import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.GridPane;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;
import javafx.util.Duration;



public class TextFileOPG extends Application {

private Stage switchStage;
final double opacity=1;
@Override
public void start(Stage primaryStage) {
try {

        switchStage = primaryStage;

        GridPane root = new GridPane();

        root.setAlignment(Pos.CENTER);

        Text scenetitle = new Text("Welcome");
        scenetitle.setFont(Font.font("Tahoma", FontWeight.NORMAL, 40));
        root.add(scenetitle, 3, 2);          


        primaryStage.setTitle("Welcome");
        Scene scene = new Scene(root,350,400);
        primaryStage.setScene(scene);
        primaryStage.show();
        Timeline tick0 = new Timeline();
        tick0.setCycleCount(Timeline.INDEFINITE);
        tick0.getKeyFrames().add(
                new KeyFrame(new Duration(30), new EventHandler<ActionEvent>() {
                    public void handle(ActionEvent t) {
                        root.setOpacity(root.getOpacity()-0.01);
                        if(root.getOpacity()<0.01){//30 divided by 0.01 equals 3000 so you take the duration and divide it be the opacity to get your transition time in milliseconds
                            loggedIn();
                            tick0.stop();
                        }
                    }}));
        tick0.play();

} catch(Exception e) {
    e.printStackTrace();
}
}

public void loggedIn() 
{
switchStage.setTitle("Try");

GridPane grid = new GridPane();

grid.setAlignment(Pos.CENTER);

Text thisIsSoCoolText = new Text("Welcome Again");
thisIsSoCoolText.setFont(Font.font("Tahoma", FontWeight.NORMAL, 40));
grid.add(thisIsSoCoolText, 3, 2);

Scene scene = new Scene(grid, 350, 400);
switchStage.setScene(scene);
switchStage.show();
}

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

Answer 2

而不是

if(ftOUT.equals(Duration.millis(3000))) {
    loggedIn();
}

（这将永远不会工作：FadeTransition实例不可能等于Duration实例），使用onFinished处理程序进行淡入淡出过渡：

ftOUT.setOnFinished(new EventHandler<ActionEvent>() {
    @Override
    public void handle(ActionEvent event) {
        loggedIn();
    }
});

请注意，您应该在 ftOUT.play()之前调用此（尽管它仍会正常工作......）。

如果您使用JavaFX 8，则可以执行

ftOUT.setOnFinished(event -> loggedIn());

JavaFX - FadeOut - ＆gt;切换阶段

2 个答案: