为什么每次按下按钮时我的 JavaFx 动画都会向右移动更远？

Question

我正在尝试制作一个动画，当我按下切换按钮时，文本字段和一些按钮会出现，而当我再次按下切换按钮时，它会消失。我几乎已经成功了，但每次按下切换按钮时，切换菜单都会向右移动得越来越远。我不太擅长解释，但我制作了一个小动图让你看看。 https://gyazo.com/1bd43a95ec988edbce47704674c46418

希望有人能帮助我！它在名为“routeBtnAction”的方法中

动画方法


    @FXML
    private void routeBtnAction(){
        if (routeBtn.isSelected()) {
            searchbar.setPromptText("From");
            TranslateTransition slideIn = new TranslateTransition();
            slideIn.setDuration(Duration.millis(250));
            slideIn.setCycleCount(1);
            slideIn.setNode(routeMenu);
            slideIn.setByX(173);
            slideIn.setInterpolator(Interpolator.EASE_OUT);
            slideIn.play();
        } else {
            searchbar.setPromptText("Search");
            TranslateTransition slideOut = new TranslateTransition();
            slideOut.setDuration(Duration.millis(300));
            slideOut.setCycleCount(1);
            slideOut.setNode(routeMenu);
            slideOut.setByX(-routeMenu.getWidth());
            slideOut.setInterpolator(Interpolator.EASE_IN);
            slideOut.play();
        }
    }

Answer 1

我发现了。它应该是 setToX，而不是 setByX！ :)

为什么每次按下按钮时我的 JavaFx 动画都会向右移动更远？

Why is my JavaFx animation moving further to the right each time the button is pressed?

animation

javafx

fxml