簡體   English   中英

MigLayout,為什么這個單元格使用了額外的空間?

[英]MigLayout, why is this cell the one using the extra space?

我有這個面板,它使用 MigLayout 為我的內容創建單元格。 這是代碼部分:

/ ====Layout====
        setLayout(new MigLayout("hidemode 3", "[400][0][400]", "[][][][][][]"));

        Border border = BorderFactory.createLineBorder(Color.WHITE, 0);
        //setBorder(BorderFactory.createMatteBorder(1, 1, 1, 1, Color.gray));
        // ====Components====

        // ===Information Displays===
        JLabel invName = new JLabel("inventory name");
        invName.setBorder(border);
        invName.setEnabled(false);
        add(invName, "cell 0 0, growx");
        JTextField displayName = new JTextField("display name");
        add(displayName, "cell 0 1, growx");
        JComboBox category = new JComboBox();
        category.setEditable(true);
        category.setModel(new DefaultComboBoxModel<>(new String[] {"Tops", "Skirts", "Pants", "Dresses", "Shorts"}));
        add(category, "cell 0 2, growx");
        JButton updateFields = new JButton("Update");
        add(updateFields, "cell 0 3");
        JLabel itemsLabel = new JLabel("Items in this Outfit:");
        itemsLabel.setBorder(border);
        add(itemsLabel, "cell 0 4, bottom, growy");
        JList<String> itemsInOutfit = new JList<>();
        itemsInOutfit.setVisibleRowCount(8);
        itemsInOutfit.setModel(new AbstractListModel<String>() {
            String values[] = {"item 1",
                                "item 2",
                                "item 3",
                                "item 4",
                                "item 5",
                                "item 6",
                                "item 7",
                                "item 8",
                                "item 9",
                                "item 10"
                                };
            @Override
            public int getSize() {
                return values.length;
            }

            @Override
            public String getElementAt(int index) {
                return values[index];
            }
        });
        JScrollPane scrollPane = new JScrollPane(itemsInOutfit);
        add(scrollPane, "cell 0 5, growx, bottom");
        JButton goToItem = new JButton("Go to Item");
        add(goToItem,"cell 0 6");

        // ===Items in Outfit JList===

        // ===Picture Box===

                // ---Picture Box buttons---

                JToolBar picturesBar = new JToolBar();

                JButton leftArrowBtn = new JButton();
                leftArrowBtn.setToolTipText("Previous Image");
                //leftArrowBtn.setIcon(new FlatSVGIcon( "com/formdev/flatlaf/demo/icons/back.svg"));
                picturesBar.add(leftArrowBtn);

                JButton rightArrowBtn = new JButton();
                rightArrowBtn.setToolTipText("Next Image");
                //rightArrowBtn.setIcon(new FlatSVGIcon("com/formdev/flatlaf/demo/icons/forward.svg"));
                picturesBar.add(leftArrowBtn);

                JButton addImageBtn = new JButton();
                addImageBtn.setToolTipText("Add Image");
                addImageBtn.setIcon(UIManager.getIcon("Tree.openIcon"));
                picturesBar.add(addImageBtn);

                JButton deleteImageBtn = new JButton();
                deleteImageBtn.setToolTipText("Delete Image");
                deleteImageBtn.setIcon(UIManager.getIcon("Tree.openIcon"));
                picturesBar.add(deleteImageBtn);
                picturesBar.setFloatable(false);
                add(picturesBar, "cell 2 6, bottom, span");

                // ---Picture Box Display---
                JLabel pictureGallery = new JLabel();
                pictureGallery.setBorder(border);
                pictureGallery.setIcon(new ImageIcon(new ImageIcon("C:/users/saman/documents/projects/MyCloset/src/main/resources/the_storm_couple.jpg").getImage().getScaledInstance(400, -1, Image.SCALE_DEFAULT)));
                add(pictureGallery,"cell 2 0, span 1 6");

以下是它的渲染方式:

我希望“這件衣服中的物品:”label 位於 JList 的正上方。 但是,具有 JList 的單元格是“大”單元格,因此我試圖通過該列表告訴 label 對齊底部和 go 失敗了。 當我使用單元格代碼將它們添加到面板時,我嘗試手動設置行和組件的高度。 似乎沒有任何效果。 而且我也無法弄清楚如何在每個單元格上設置邊框,只是為了確認我的懷疑,即實際上是 JList 單元格太高導致了問題。

我在這里做錯了什么,我該如何解決?

謝謝!

我會建議

setLayout(new MigLayout("hidemode 3", "[400][0][400]", "[][][][]push[][]"));

並刪除您的 itemsLabel 的, bottom, growy 。

我還沒有測試過,所以沒有保修;-) 添加調試也有幫助:

new MigLayout("debug, hidemode 3", ...

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM