将图像添加到 gridpane javafx

我正在使用数组列表添加目录中的图像列表。添加图像时，我的 ScrollPane 变得拥挤。如何保持图像之间的间距？

这是我的代码

File file = new File("D:\\SERVER\\Server Content\\Apps\\icons");
File[] filelist1 = file.listFiles();
ArrayList<File> filelist2 = new ArrayList<>();
hb = new HBox();

for (File file1 : filelist1) {
     filelist2.add(file1);
}

System.out.println(filelist2.size());
gridpane.setPadding(new Insets(50,50,50,50));
gridpane.setHgap(20);
gridpane.setVgap(20);

int imageCol = 0;
int imageRow = 0;

for (int i = 0; i < filelist2.size(); i++) {
    System.out.println(filelist2.get(i).getName());
    image = new Image(filelist2.get(i).toURI().toString());
    pic = new ImageView();
    pic.setFitWidth(130);
    pic.setFitHeight(130);
    pic.setImage(image);
    hb.getChildren().add(pic);
    gridpane.add(pic, imageCol, imageRow );

    imageCol++;

    // To check if all the 4 images of a row are completed
    if(imageCol > 2){
      // Reset Column
      imageCol=0;
      // Next Row
      imageRow++;
}

尝试使用HBox and VBox.

基本上，它们就像小容器，您可以在其中存储物品，并且可以在其中添加间隙！

HBox ab = new HBox(10); <--The 10 is adding space (Answer to your question)

如果你想向 HBox 添加内容，只需编写

ab.getChildren().addAll(your content here);