Question

我最近在javaFx中实现了我自己对流行游戏2048的实现。

这里我使用了一个4x4矩阵和一个4x4标签阵列（放置在网格平板上）＆amp;根据输入更新矩阵上的值，并同时在标签上更新它们。结果非常整洁。

然而，由于没有动画，因此很难跟踪按键后所做的所有更改。

我查看了javafx的动画库，但找不到任何操作标签来获取动画的方法。

我想知道我在这里有什么选择以及如何制作动画。 动画可以是任何让眼睛更容易跟随变化的东西。

Answer 1

这里只是让你入门的东西。您可以在x或y方向上转换节点（在您的情况下为标签）。内置TranslateTransition就可以了。

import javafx.animation.Animation;
import javafx.animation.TranslateTransition;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.GridPane;
import javafx.stage.Stage;
import javafx.util.Duration;

public class GridPaneAnimate extends Application {

    @Override
    public void start(Stage stage) {
        GridPane gp = new GridPane();
        gp.setGridLinesVisible(true);
        gp.setHgap(5);gp.setVgap(5);
        for (int i = 0; i < 4; i++){
            for (int j = 0; j < 4; j++){
                Label l = new Label(i+","+j);
                gp.add(l, i, j);
            }
        }

        Scene scene = new Scene(gp);
        stage.setScene(scene);
        stage.show();
        for (int i = 1; i < gp.getChildren().size(); i++){
            TranslateTransition tt = new TranslateTransition(Duration.millis(2000), gp.getChildren().get(i));
            tt.setByX(i%2 == 0 ? -25 : 25);
            tt.setByY(i%2 == 0 ? -25 : 25);
            tt.setCycleCount(Animation.INDEFINITE);//set to 1
            tt.setAutoReverse(true); //dont need this
            tt.play();
        }
    }

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

}

当然，翻译节点后，将其设置为正确的行/列位置，并将转换回0。

javaFx中的动画？

1 个答案: