Gridpane 中的 JavaFx 图像会大幅降低性能

我想创建一个 GridPane（嵌套在 ScrollPane 中），在其中动态添加单元格到 GridPane。每个单元格都包含一个带有背景图像的 VBox、一些标签和一个复选框。问题是，GridPane 可以包含数百个 VBox，在我的例子中大约有 300 个 VBox，而有了这么多 VBox，Gridpane 的响应时间就会变得非常差。例如，当我单击复选框时，需要几秒钟的时间才能选择/取消选择该复选框，这使得我的程序几乎无法使用。没有BackgroundImage，GridPane的响应时间是完美的，所以我知道这里的问题是图像

这是我创建 VBox 的代码：

private VBox createAlbumVBox(Album album) {
    VBox container = new VBox();
    container.setAlignment(Pos.BOTTOM_LEFT);
    CheckBox checkBox = new CheckBox();
    Label labelAlbum = new Label(album.getName());
    Label labelArtist = new Label(album.getArtistName());
    labelAlbum.setStyle("-fx-text-fill: #272727");
    labelArtist.setStyle("-fx-text-fill: #272727");
    Background background;

    if(album.getCover() != null)
    {
        byte[] coverData = album.getCover();
        Image image = new Image(new ByteArrayInputStream(coverData));
        BackgroundSize bg = new BackgroundSize(100,100,true,true,true,false);
        BackgroundImage backgroundImage = new BackgroundImage(image,BackgroundRepeat.NO_REPEAT,BackgroundRepeat.NO_REPEAT,BackgroundPosition.CENTER,bg);
        background = new Background(backgroundImage);
    }
    else
    {
        Image image = new Image("/ressources/covers/default-cover.png");
        BackgroundSize bg = new BackgroundSize(100,100,true,true,true,false);
        BackgroundImage backgroundImage = new BackgroundImage(image,BackgroundRepeat.NO_REPEAT,BackgroundRepeat.NO_REPEAT,BackgroundPosition.CENTER,bg);
        background = new Background(backgroundImage);
    }
    checkBox.setOnMouseClicked(e -> {
        if (checkBox.isSelected()) {
            album.getTitles().forEach(t -> t.setReadyToSync(true));
        } else {
            album.getTitles().forEach(t -> t.setReadyToSync(false));
        }
    });
    container.setBackground(background);
    HBox hBox = new HBox();
    hBox.getChildren().addAll(labelAlbum, labelArtist, checkBox);
    hBox.setPrefHeight(30);
    hBox.setStyle("-fx-background-color: rgba(255, 255, 255, 0.4)");
    container.getChildren().addAll(hBox);
    return container;
}

我已经尝试使用 ImageView 而不是 BackgroundImage。不幸的是，ImageView 的性能与BackgroundImage 一样差。

这并不是真正的答案，而是一组您可以尝试的建议。在没有完整的情况下很难评论性能问题mcve https://stackoverflow.com/help/mcve，这将允许在最小的应用程序中轻松地在本地重现问题。

您可以尝试的一些事情是：

1. 对图像使用背景加载 https://docs.oracle.com/javase/8/javafx/api/javafx/scene/image/Image.html#Image-java.lang.String-boolean-.
2. 将加载的图像缓存在 LRU 缓存中 https://stackoverflow.com/questions/224868/easy-simple-to-use-lru-cache-in-java.
3. 使用虚拟化控件，例如ControlsFX 网格视图 http://controlsfx.bitbucket.org/org/controlsfx/control/GridView.html.

另请参阅相关答案中的一些性能优化建议（其中一些可能不适用于您的情况）：

• 在 Java 中显示数百万张图像的最佳方式是什么？ https://stackoverflow.com/questions/14467719/what-is-the-best-way-to-display-millions-of-images-in-java

此外，您的问题可能出在您未显示的代码中。您的例程正在传递一个相册实例，其中包含相册数据，其中包括二进制形式的图像数据。如果您从数据库动态加载相册数据和图像，那么该过程可能会减慢或冻结您的应用程序，具体取决于您的操作方式。