在 JavaFX GridPane 中显示许多图像时出现延迟

Question

我正在尝试使用约束在 GridPane 中使用 JavaFX 显示一堆图像，而我的代码确实完美地显示了它们。但是，由于某种原因，尽管我的代码可以正常工作，但图像会导致我的舞台滞后。有没有办法解决这个问题？

就上下文而言，“arr”是我制作的具有字符串的 2d ArrayList，而 checkBoxList 包含一些复选框，这些复选框以大约 40 列的形式排列，它们之间的间距为 2。

public void setUpTypeImages()
{
  for (int p = 0; p < arr.size(); p++)
  {
     typesList.add(new ArrayList<ImageView>());
     for (int y = 0; y < arr.get(p).size(); y++)
     {  
        ImageView type = new ImageView("Types\\" + arr.get(p).get(y) + ".png");
        typesList.get(p).add(type);
        typesList.get(p).get(y).setFitWidth(30);
        typesList.get(p).get(y).setFitHeight(30);     
        GridPane.setConstraints(typesList.get(p).get(y), GridPane.getColumnIndex(checkBoxList.get(p)) + y + 1, GridPane.getRowIndex(checkBoxList.get(p))); 
        choiceLayout.getChildren().add(typesList.get(p).get(y));
     }
  }
}

Answer 1

既然提到了滞后，我假设这个 GridPane 中会有很多项目。

1 - 虚拟化列表

仅当图像设置为出现在客户端的视口中时（当它们滚动时）才会呈现图像。这也意味着如果之前渲染过图像并且不再需要它，那么最好尽可能从内存中卸载它（但这会增加其他复杂性）。这只有在用户可以在一个通常是垂直滚动的轴上滚动时才有意义。这不是一项微不足道的任务，您应该在尝试自己执行此操作之前寻找一个为您执行此操作的库。 This 旧答案讨论 JavaFX 中的虚拟化。

2 - 缩略图

我认为没有提到元素是否具有固定大小，尽管网格显示通常是这种情况。减少加载时间的一个好方法是将原始图像的副本保存在您计划显示它的尺寸的某个地方，这样您就不必加载大量图像来显着缩小它。这也意味着它不必为每个图像运行调整大小算法来显示它。