在Java中，将图像叠加在GridLayout上

Question

是否可以将一组图像作为网格布局的“背景图像”，而将其他图像作为网格布局的“内容”？

如果不行，最好的方法是什么？

- Hanna

---

Hovercraft 是正确的。要在 GridLayout 的单元格中添加图像，您可以添加新的 JLabel(null, image)。 - ignis

please see edit to post. - Hovercraft Full Of Eels

Answer 1

是的，这是完全可能的。将其中一个图像作为JPanel的背景来使用，该JPanel包含GridLayout。可以通过在JPanel的paintComponent方法中绘制图像来完成此操作。如果您想要网格单元格显示背景图像，请确保将它们的opaque属性设置为false。如果它们是JLabel，则默认情况下已经完成了此操作。

编辑：例如：

import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.net.MalformedURLException;
import java.net.URL;
import javax.imageio.ImageIO;
import javax.swing.*;

@SuppressWarnings("serial")
public class OverLayImages extends JPanel {
   public static final String BACKGROUND_URL = "http://duke.kenai.com/misc/Bullfight.jpg";
   public static final String CELL_URL = "http://duke.kenai.com/iconSized/penduke-transparent.gif";
   private static final int ROWS = 3;
   private static final int COLS = 4;
   private BufferedImage backgroundImage;
   private BufferedImage cellImage;

   public OverLayImages() throws MalformedURLException, IOException {
      backgroundImage = ImageIO.read(new URL(BACKGROUND_URL));
      cellImage = ImageIO.read(new URL(CELL_URL));
      ImageIcon cellIcon = new ImageIcon(cellImage);
      setBackground(Color.white);

      setPreferredSize(new Dimension(backgroundImage.getWidth(), backgroundImage.getHeight()));

      setLayout(new GridLayout(ROWS, COLS));
      for (int i = 0; i < ROWS; i++) {
         for (int j = 0; j < COLS; j++) {
            JLabel label = new JLabel(cellIcon);
            add(label);
         }
      }
   }

   @Override
   protected void paintComponent(Graphics g) {
      super.paintComponent(g);
      if (backgroundImage != null) {
         g.drawImage(backgroundImage, 0, 0, null);
      }
   }

   private static void createAndShowUI() {
      JFrame frame = new JFrame("OverLayImages");
      try {
         frame.getContentPane().add(new OverLayImages());
      } catch (MalformedURLException e) {
         e.printStackTrace();
         System.exit(1);
      } catch (IOException e) {
         e.printStackTrace();
         System.exit(1);
      }
      frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      frame.pack();
      frame.setLocationRelativeTo(null);
      frame.setVisible(true);
   }

   public static void main(String[] args) {
      java.awt.EventQueue.invokeLater(new Runnable() {
         public void run() {
            createAndShowUI();
         }
      });
   }
}

- Hovercraft Full Of Eels

---

你也可以调整 hgap 和 vgap。 - trashgod

能否让背景图片随页面其余部分一起自适应大小？ 或者能否为每个单元格设置背景图片？ - Hanna

@Johannes：是的，我已经详细解释过了；请看相邻的回答。 - trashgod

Answer 2

背景图像能否与其他内容一起自适应大小？

可以，使用drawImage()函数可将图像缩放到容器的全尺寸，如此处所示。

是否可以为每个单元格设置背景图片？

可以，使用getSubimage()函数在这种情况下非常有用，如此处所示。

- trashgod