image - 将图像添加到网格窗格 javafx

Question

我正在使用 arraylist 从目录中添加图像列表。添加图像时，我的 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++;
}

Answer 1

尝试使用HBox和VBox。

基本上，它们就像您存储东西的小容器，您可以在其中添加间隙！

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

如果要在 HBox 中添加东西，只需编写

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