JavaFX ImageView显示GIFanimation高GPU

问题描述

我正在创建JavaFX应用程序并制作了一个加载场景。在此场景中，我要显示一些文本，例如正在加载或初始化，并添加一些正在加载的微调器动画图像，以作为视觉通知，告知正在加载某些东西。

我生成了一个通过https://loading.io/创建的加载.gif动画，并像动画帧（多个.png文件）一样下载了它。

我注意到在JavaFX Scene Builder 8.5.0中，当在ImageView中设置.gif时，Windows任务管理器中的GPU在NVidia GeForce RTX 2070图形卡上上升了20％，我认为这是一个问题。我使用javafx桌面应用程序进行了测试，以排除不是场景构建器应用程序生成的问题，并且得到了相似的结果。

我尝试的下一步是使用javafx.animation.Timeline创建自定义动画。这是我从控制器的initialize（URL位置，ResourceBundle资源）函数调用的初始化函数。此功能不使用.gif图像，而是使用同一.gif图像的多个.png图像作为框架。

private void initializeAnimation() {
    imgLoading.setCache(true);
    imgLoading.setCacheHint(CacheHint.SPEED);
    Image[] images = new Image[31];
    for(int i = 0; i <= 30; i++){
        images[i] = new Image(getClass().getResourceAsStream("/es/main/gui/javafx/images/loading/frame-" + i + ".png"));
    }
    Timeline timeLine = new Timeline();
    Collection<KeyFrame> frames = timeLine.getKeyFrames();
    Duration frameGap = Duration.millis(100);
    Duration frameTime = Duration.ZERO;
    for (Image img : images) {
        frameTime = frameTime.add(frameGap);
        frames.add(new KeyFrame(frameTime,e -> imgLoading.setImage(img)));
    }
    timeLine.setCycleCount(Timeline.INDEFINITE);
    timeLine.play();
}

在第一个版本中，我没有调用.setCache（）和.setCacheHint（）函数，后来我在测试同一代码的不同变体时添加了它们。我也尝试添加

-Dprism.forceGPU = true -Dsun.java2d.opengl = true -Dprism.order = es2，es1，sw，j2d

作为VMOption或我在该论坛上阅读的有关改进Java图形相关设置的一些变体。最后，完成所有更改后，我的任务管理器中的结果并没有发生太大变化。在当前版本中，此场景中我最多使用17％的GPU。

场景结束时，在下一个没有.gif图像或时间轴的我的GPU的场景中，我的GPU下降到几乎0％。

运行配置：

处理器：i9-9900KF

图形卡：GeForce RTX 2070

Java版本“ 1.8.0_251”

JavaFX版本“ 8.0.251-b08”

简短的摘要问题：如何在JavaFX中正确显示动画的.gif图像，而又不会在GPU（或带有集成显卡的CPU）上产生过多开销。

（编辑）2020年9月14日-Java命名约定

第一件事我没有注意到我没有在ImageView上使用相同的尺寸，所以我进行测试的第一件事是将ImageView调整为与.gif图像相同的尺寸（两个ImageView的宽度和高度都相同）和.gif图片）。进行此更改后，GPU百分比降低到了大约％5。

根据建议，我还升级了Java和JavaFX版本：

1. 尝试将jdk 1.8.0_261与内置于8.0.261-b12版本的JavaFX结合使用，
2. 尝试将jdk 14.0.2与JavaFX版本15 + 9（最新的openjfx-15）结合使用，

简短摘要：升级Java和JavaFX版本并没有改变与该问题有关的任何内容。使用相同的尺寸会有所帮助，但我认为在您的帮助下我可以做得更好。

解决方法

我的猜测是，如果使用一个或多个RotateTransition而不是关键帧动画，您可能会看到一些性能提升。

这是一个在{{3}}中使用多个转换的简单示例：

import javafx.animation.RotateTransition;
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;
import javafx.util.Duration;

public class Main extends Application {
    @Override
    public void start(Stage stage) {
        Group root = new Group();
        Scene scene = new Scene(root,500,200);
        stage.setScene(scene);

        Rectangle rect = new Rectangle (100,40,100,100);
        rect.setArcHeight(50);
        rect.setArcWidth(50);
        rect.setFill(Color.VIOLET);
    
        RotateTransition rt = new RotateTransition(Duration.millis(3000));
        rt.setByAngle(180);
        rt.setAutoReverse(true);
    
        FadeTransition ft = new FadeTransition(Duration.millis(3000));
        ft.setFromValue(1.0);
        ft.setToValue(0.3);
        ft.setCycleCount(4);
        ft.setAutoReverse(true);

        ParallelTransition pt = new ParallelTransition(rect,ft,rt);
        pt.play();            

        root.getChildren().add(rect);

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