如何在GridLayout（Java）中刪除ImageIcons之間的空間

Question

我正在制作一個依賴於網格中的瓷磚的java游戲。 我在GridLayout中使用了ImageIcon和JLabel。 我在創建GridLayout時將垂直和水平都設置為零，並且所有使用的圖像都沒有額外的空間。

解決這個問題的最佳方法是什么？

//Sets up the game canvas
private void setUpCanvasPanel(){
    //Adjusts the panel settings
    canvasPanel.setLayout(new GridLayout(Main.diameter, Main.diameter, 0 ,0));

    //Adds panel to masterpanel
    resetc();
    c.gridx = 0;
    c.gridy = 1;
    c.fill = GridBagConstraints.BOTH;
    c.weightx = 1.0;
    c.weighty = 1.0;

    masterPanel.add(canvasPanel, c);
}

//Renders the game canvas
public void renderCanvas(){
    ImageIcon[] iconArray = new ImageIcon[Main.diameter * Main.diameter];
    JLabel[] labelArray = new JLabel[Main.diameter * Main.diameter];
    int count = 0;

    for(int i = 0; i < Main.diameter; i ++){
        for(int j = 0; j < Main.diameter; j ++){
            iconArray[count] = new ImageIcon("textures/" + Main.renderer.renderedWorld[i][j] + ".jpeg"); 
            labelArray[count] = new JLabel(iconArray[count]);
            canvasPanel.add(labelArray[count]);

            count ++;
        }
    }

    count = 0;

    canvasPanel.setVisible(true);
}

編輯：注意，在這種情況下，Main.diameter設置為100。

Answer 1

問題是GridLayout將為所有組件提供相等的空間，將可用空間除以行數/列數，以便可用空間增加，每個單獨的單元格也會增加，但組件仍保持其首選大小。

你可以...

使用類似WrapLayout東西，當水平空間減少時，它會自動按行WrapLayout

你可以...

使用GridBagLayout ，它允許您維護行/列，但可以更好地控制各個組件占用的可用空間

...使用GridBagConstraints#insets添加組件之間的間距

...添加GridBagConstraints#weightx ， GridBagConstraints#weightx和GridBagConstraints#fill來填充可用空間

看一下在容器中 布局 組件 ， 如何使用GridLayout以及如何使用GridBagLayout獲取更多詳細信息

......還有一些測試代碼......

import java.awt.Color;
import java.awt.Component;
import java.awt.Container;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.FlowLayout;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Insets;
import java.text.NumberFormat;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.SwingUtilities;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;

public class Test {

    public static void main(String[] args) {
        new Test();
    }

    public Test() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
                    ex.printStackTrace();
                }

                JFrame frame = new JFrame("Testing");
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                frame.add(new TestPane());
                frame.pack();
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
            }
        });
    }

    public class TexturePane extends JPanel {

        public TexturePane(Color background) {
            setBackground(background);
        }

        @Override
        public Dimension getPreferredSize() {
            return new Dimension(20, 20);
        }

    }

    public class TestPane extends JPanel {

        public TestPane() {
            int total = 10 * 10;
            Color[] rowColors = new Color[]{
                Color.RED,
                Color.GREEN,
                Color.BLUE,
                Color.CYAN,
                Color.MAGENTA,
                Color.ORANGE,
                Color.PINK,
                Color.YELLOW,
                Color.DARK_GRAY,
                Color.GRAY,
            };
            setLayout(new GridBagLayout());
            GridBagConstraints gbc = new GridBagConstraints();
            gbc.insets = new Insets(1, 1, 1, 1);
            gbc.weightx = 1;
            gbc.weighty = 1;
            gbc.fill = GridBagConstraints.BOTH;
            for (int row = 0; row < 10; row++) {
                gbc.gridy = row;
                for (int col = 0; col < 10; col++) {
                    gbc.gridx = col;
                    double progress = (row * 10) + col;
                    Color color = blend(Color.BLACK, rowColors[row], col / 10d);
                    add(new TexturePane(color), gbc);
                }
            }
        }

    }
    public static Color blend(Color color1, Color color2, double ratio) {
        float r = (float) ratio;
        float ir = (float) 1.0 - r;

        float rgb1[] = new float[3];
        float rgb2[] = new float[3];

        color1.getColorComponents(rgb1);
        color2.getColorComponents(rgb2);

        float red = rgb1[0] * r + rgb2[0] * ir;
        float green = rgb1[1] * r + rgb2[1] * ir;
        float blue = rgb1[2] * r + rgb2[2] * ir;

        if (red < 0) red = 0;
        else if (red > 255) red = 255;
        if (green < 0) green = 0;
        else if (green > 255) green = 255;
        if (blue < 0) blue = 0;
        else if (blue > 255) blue = 255;

        Color color = null;
        try {

            color = new Color(red, green, blue);

        } catch (IllegalArgumentException exp) {

            NumberFormat nf = NumberFormat.getNumberInstance();
            System.out.println(nf.format(red) + "; " + nf.format(green) + "; " + nf.format(blue));

        }
        return color;
    }

}

您必須自己包含WrapLayout並從上面的代碼中刪除對GridBagLayout的引用，但這就是我使用的全部內容

Answer 2

c.fill = GridBagConstraints.BOTH;
c.weightx = 1.0;
c.weighty = 1.0;
masterPanel.add(canvasPanel, c);

我會說問題是你的約束。 您告訴小組增長以填充所有可用空間。 因此，隨着網格的增長，您將獲得所有單元格之間的空間。

相反，您希望圖標以其首選大小顯示，這是默認值。 所以擺脫那些限制。

或者另一種方法是使圖標動態調整大小以填充每個單元格中的可用空間。 您可以使用Darryl的Stretch Icon來實現此目的。