JavaFX和精灵动画，我如何制作动画循环来改变我的玩家精灵的图片？

Question

我创建了一个 DemoCharSprite 对象，它扩展了 Pane 并保存了角色的图像视图。我在这里只使用了 Pane 的扩展，因为我是 Javafx 的新手……但是，实现精灵动画让我感到困惑。

我有一组 8 个 png 文件，展示了一个向北行走的化身。我已将它们存储在 Collection 对象中。但是，我不知道我可以使用什么数据结构，以便 javafx 循环遍历每个集合并更改我的 DemoCharSprite 窗格中的图像视图，以在均匀间隔和短时间内显示每个精灵图片。似乎没有任何内置的过渡对象可用于按顺序显示多个图像。

有人知道解决方法吗？

Answer 1

您可以按如下方式使用时间线：

private int imageIndex = 0 ;
private final int frameTime = ... ; // milliseconds

// ...

ImageView imageView = new ImageView();
List<Image> images = new ArrayList<>();
// populate images...

Timeline timeline = new Timeline(new KeyEvent(Duration.millis(frameTime),
    e -> imageView.setImage(images.get(imageIndex++))));

timeline.setCycleCount(images.size());
timeline.play();

或者，您可以只继承 Transition（这是对文档中示例的简单改编）：

ImageView imageView = new ImageView();
List<Image> images = new ArrayList<>();
// populate images...

Transition animation = new Transition() {
    {
        setCycleDuration(Duration.millis(1000)); // total time for animation
    }

    @Override
    protected void interpolate(double fraction) {
        int index = (int) (fraction*(images.size()-1));
        imageView.setImage(images.get(index)); 
    }
}
animation.play();