JFrame中的图像相互覆盖，而不是相互显示两个图像[重复]

Question

public class Board extends JFrame
{
     public void bd()
{


    JFrame frame=new JFrame();
    JLabel background1 = new JLabel(new ImageIcon("background.png"));
    JLabel knight=new JLabel(new ImageIcon("knight.jpg"));
    frame.add(background1);
    frame.add(knight);
    frame.pack();
    frame.setResizable(false);     
    frame.setVisible(true); 





    }
}

我的代码遇到了一些问题

当我添加骑士图像时，背景图像将消失，只有骑士图像出现。 我如何使图像重叠或使背景图像像背景一样

Answer 1

JFrame默认使用BorderLayout，即默认/CENTER位置只管理一张图片。

更多详情请见How to Use Borders。

解决方案实际上很困难，因为您需要能够保证布局、图像和电路板的大小

您也许可以使用GridLayout 或GridBagLayout，但您需要有“空”填充组件以允许布局正确展开，这可能会很麻烦

也许更好的解决方案是使用自定义绘画方法，它可以让您控制图像的放置位置。

Painting in AWT and Swing 和Performing Custom Painting 了解更多详情

以下示例仅使用GridBagLayout，它允许您覆盖组件（以各种不同的方式）。此示例使 boardLabel 成为所有其他部分的容器，但是，由于 GridBagLayout 的工作方式，这不是绝对要求

import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.image.BufferedImage;
import java.io.IOException;
import javax.imageio.ImageIO;
import javax.swing.ImageIcon;
import javax.swing.JComponent;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;

public class Chess {

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

    public Chess() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                try {
                    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);
                } catch (IOException ex) {
                    ex.printStackTrace();
                }
            }
        });
    }

    public class TestPane extends JPanel {

        public TestPane() throws IOException {
            BufferedImage board = ImageIO.read(getClass().getResource("/board.png"));
            BufferedImage knight = ImageIO.read(getClass().getResource("/Knight.png"));
            setLayout(new BorderLayout());
            JLabel boardLabel = new JLabel(new ImageIcon(board));
            add(boardLabel);

            boardLabel.setLayout(new GridBagLayout());

            GridBagConstraints gbc = new GridBagConstraints();
            for (int row = 0; row < 8; row++) {
                gbc.gridy = row;
                for (int col = 0; col < 8; col++) {
                    gbc.gridx = col;
                    boardLabel.add(filler(), gbc);
                }
            }

            JLabel knightLabel = new JLabel(new ImageIcon(knight));

            gbc.gridx = 3;
            gbc.gridy = 4;
            boardLabel.add(knightLabel, gbc);
        }

        protected JComponent filler() {
            JLabel filler = new JLabel() {
                @Override
                public Dimension getPreferredSize() {
                    return new Dimension(50, 50);
                }
            };
            return filler;
        }

    }

}

通过这样的设置，您可以简单地使用GridBagConstraint 的gridx 和gridy 值作为直接单元格地址（无需计算像素位置）。

由于布局管理器的工作方式，您还需要提供一个空单元格组件

Answer 2

JLabel background1 = new JLabel(new ImageIcon("background.png"));
JLabel knight=new JLabel(new ImageIcon("knight.jpg"));
frame.add(background1);
frame.add(knight);

我猜你真正想要的是将骑士显示在顶部（在 z 轴上），所以你需要执行以下操作：

JLabel background1 = new JLabel(new ImageIcon("background.png"));
background.setLayout( new BorderLayout() );
JLabel knight=new JLabel(new ImageIcon("knight.jpg"));
background1.add(knight);
frame.add(background1);

也就是说，您需要遵循父/子层次结构：

1. 为框架添加背景
2. 将骑士添加到背景中