如何在GridLayout（Java）中移除ImageIcons之间的空格

Question

我正在制作一个依赖于网格中瓦片的Java游戏。我使用了ImageIcon和带有GridLayout的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。

- Primus

---

不要使用 GridLayout 或者减小主视图的大小。 - MadProgrammer

你可以使用类似 WrapLayout 的东西，它会比 GridLayout 或者 GridBagLayout 更好地扩展和收缩到可用的空间，但是你需要自己管理行列。 - MadProgrammer

Answer 1

问题在于GridLayout将为所有组件提供相等的空间，通过将可用空间除以行/列数来分割，因此随着可用空间的增加，每个单独的单元格都会增加，但是组件保持其首选大小。

您可以使用类似于WrapLayout的东西，它会在水平空间减小时自动换行。

您可以使用GridBagLayout，这样可以保持行/列，但可以更好地控制各个组件占用的可用空间。

...使用GridBagConstraints＃insets在组件之间添加间距

...添加GridBagConstraints＃weightx，GridBagConstraints＃weighty和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的引用，但这就是我所使用的全部内容。

- MadProgrammer

---

太好了，谢谢！现在所有的都能正常工作了！最终选择了GridBagLayout来保持相同的网格。看起来很棒！ - Primus

Answer 2

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

我认为问题出在您的约束条件上。您告诉面板要填满所有可用空间，因此随着网格的增长，所有单元格之间都会有空间。

相反，您希望以默认大小显示图标。因此，请摆脱这些约束条件。

或者另一种方法是使图标动态调整大小以填充每个单元格中可用的空间。您可以使用Darryl的Stretch Icon来实现这个目的。

- camickr