Question

我的目标是在节点上放置一些动画（例如淡入淡出过渡），作为发生某些事情的临时通知。我希望动画完全消失，就像在某件事结束时从未发生过一样。

下面的代码是我遇到的问题的一个例子。在当前状态下，当按下按钮以停止该过程时，该按钮仅保持其当前的不透明度。如果注释行未被注释，则该按钮不再保持其当前不透明度，但更新看起来正确。我的问题是当再次点击按钮时，默认样式表（Modena.css for JavaFX 8）的CSS不透明度不再生效。

我做错了什么，或者是否有更好的方式？

package gui.control.custom;

import javafx.animation.Animation;
import javafx.animation.FadeTransition;
import javafx.application.Application;
import javafx.application.Platform;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;
import javafx.util.Duration;

public class Test extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception {
        Stage stage = new Stage();
        HBox box = new HBox();

        streamButton = new Button("Start");
        streamButton.setOnAction(new EventHandler<ActionEvent>() {

            @Override
            public void handle(ActionEvent event) {
                if (started) {
                    stopProcess();
                } else {
                    startProcess();
                }
            }

        });
        box.getChildren().add(streamButton);
        stage.setScene(new Scene(box));
        stage.show();
    }

    FadeTransition ft;
    Button streamButton;
    boolean started = false;

    private void startProcess() {
        streamButton.setDisable(true);
        new Thread() {
            @Override
            public void run() {
                try {
                    Thread.sleep(3000);
                } catch (InterruptedException ex) {
                }
                Platform.runLater(() -> {
                    started = true;
                    streamButton.setText("Stop");
                    streamButton.setDisable(false);
                    startButtonAnim();
                });
            }
        }.start();
    }

    private void stopProcess() {
        streamButton.setText("Start");
        stopButtonAnim();
        started = false;
    }

    private void startButtonAnim() {
        ft = new FadeTransition(Duration.millis(500), streamButton);
        ft.setFromValue(1.0);
        ft.setToValue(0.3);
        ft.setCycleCount(Animation.INDEFINITE);
        ft.setAutoReverse(true);
        ft.play();
    }

    private void stopButtonAnim() {
        ft.stop();
        //streamButton.setOpacity(1);
    }

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

}

Answer 1

另一个想法：

我在javadoc中找到了这个方法：getCurrentRate()，哪个应该给你反转的负面结果，所以代码看起来像这样：

private void stopButtonAnim() {
    while(ft.getCurrentRate>=0); //waiting till animation goes (skips if already reversing)
    while(ft.getCurrentRate<=0); //and till reverse
    ft.stop(); //then stop
    streamButton.setOpacity(1); //make it 100% ;)
}

也许您必须将Thread.sleep(int)添加到while周期

Answer 2

我会尝试简单地stop();此行

setOnFinished(e->tryToStop());

并将此方法创建为：

public void tryToStop(){
    if(!started)
        fm.stop();
}

stopProcess()方法更改了started变量，因此在这两种情况下它会停止：

如果完成

和

如果要求停止

未经过测试，只是一个想法

Answer 3

我认为最好的解决方案是在停止Animation之前使用jumpTo(Duration duration)。将持续时间设置为Duration.ZERO。

Circle circle2 = new Circle(250, 120, 80);
circle2.setFill(Color.RED);
circle2.setStroke(Color.BLACK);
FadeTransition fade = new FadeTransition();
fade.setDuration(Duration.millis(5000));
fade.setFromValue(10);
fade.setToValue(0.1);
fade.setCycleCount(1000);
fade.setAutoReverse(true);
fade.setNode(circle2);
fade.play();

Button btnStop = new Button("Stop");
btnStop.setOnAction((event) -> {
    fade.jumpTo(Duration.ZERO);
    fade.stop();
});

JavaFX动画恢复到原始状态

3 个答案: