如何在每次按下按钮时移动形状javafx

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.Pane;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;
import javafx.animation.TranslateTransition;
import javafx.util.Duration;

public class ShapeMovement extends Application {
    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage primaryStage) {
        Pane root = new Pane();
        Scene scene = new Scene(root, 400, 400);

        Rectangle shape = new Rectangle(50, 50, 100, 100); // 创建一个矩形形状
        root.getChildren().add(shape);

        Button button = new Button("Move Shape");
        button.setLayoutX(150);
        button.setLayoutY(350);
        root.getChildren().add(button);

        button.setOnAction(event -> {
            // 创建平移动画
            TranslateTransition transition = new TranslateTransition(Duration.seconds(1), shape);

            // 设置平移的起始位置和结束位置
            transition.setFromX(shape.getTranslateX());
            transition.setToX(shape.getTranslateX() + 100);

            // 设置动画的循环次数和自动反转
            transition.setCycleCount(1);
            transition.setAutoReverse(false);

            // 播放动画
            transition.play();
        });

        primaryStage.setScene(scene);
        primaryStage.show();
    }
}