0

スクロールペイン内の画像の間にスペースを空ける必要があります。イメージビューとボタンを Vbox に追加しています。次に、その vbox をグリッドペインに追加します。グリッドペインがスクロールペインに追加されます。ただし、スクロールペインが過密になります。グリッドペインを使用しました。 () ですが、効果はありません。ここに私のコードがあります:

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


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

            }
            btnar=new ArrayList<>();
            for (int i = 0; i < filelist2.size(); i++) {
               downloadbtn=new Button("Download");
               btnar.add(downloadbtn);
            }


            System.out.println(filelist2.size());
            gridpane.setAlignment(Pos.CENTER);
            gridpane.setPadding(new Insets(50, 50, 50, 50));

            gridpane.setHgap(50);
            gridpane.setVgap(50);


            ColumnConstraints columnConstraints = new ColumnConstraints();
            columnConstraints.setFillWidth(true);
            columnConstraints.setHgrow(Priority.ALWAYS);
            gridpane.getColumnConstraints().add(columnConstraints);

            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);
                vb = new VBox();
                vb.getChildren().addAll(pic,btnar.get(i));

                gridpane.add(vb, imageCol, imageRow);
                GridPane.setMargin(pic, new Insets(2,2,2,2));
                imageCol++;

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

                } 
            }

ここに画像の説明を入力

画像が追加されたときのステージの様子

4

1 に答える 1