如何在设置框架的背景图像时使其他组件可见？

Question

我在运行程序时设置框架的背景图像，我的其他组件是不可见的，只有图像在框架中可见

class ImagePanel extends JComponent {
private Image image;
public ImagePanel(Image image) {
    this.image = image;
}
@Override
protected void paintComponent(Graphics g) {
    super.paintComponent(g);
    g.drawImage(image, 0, 0, this);
}

在主类中我调用上面的类如下所示：

BufferedImage myImage = ImageIO.read(new File("cal.jpg"));
frame.setContentPane(new ImagePanel(myImage));

Answer 1

你有这个代码：

BufferedImage myImage = ImageIO.read(new File("cal.jpg"));
frame.setContentPane(new ImagePanel(myImage));

但您似乎正在创建 ImagePanel 实例内联，并且似乎没有向此 ImagePanel 实例添加任何组件，因此您没有看到任何组件我并不感到惊讶.您似乎也没有在 ImagePanel 构造函数中添加任何组件。

考虑在其构造函数中或在使用它的类中向 ImagePanel 类添加组件，创建一个 ImagePanel 实例，将其分配给一个变量，向其中添加组件，然后然后将其放入JFrame 的 contentPane。

建议：

• 考虑将您的图像作为 Jar 资源而不是作为文件，因为您可能会在某个时候对类进行 Jar，如果您继续使用 File，则可能无法访问您的图像。
• 确保为您的 ImagePanel 提供一个不错的布局管理器。我相信 JComponents 默认使用 null 布局，这是您不想使用的。

例如，这对我有用：

import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Graphics;
import java.awt.Image;
import java.io.IOException;
import javax.imageio.ImageIO;
import javax.swing.*;

public class TestImagePanel {
    private static void createAndShowGui() {
        String resource = "/imgFolder/PlanetEarth.jpg";
        Image image = null;
        try {
            image = ImageIO.read(TestImagePanel.class.getResource(resource));
        } catch (IOException e) {
            e.printStackTrace();
            System.exit(-1);
        }
        ImagePanel mainPanel = new ImagePanel(image);
        mainPanel.setLayout(new FlowLayout());
        mainPanel.add(new JButton("Fubars Rule!"));

        JFrame frame = new JFrame("TestImagePanel");
        frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
        frame.getContentPane().add(mainPanel);
        frame.pack();
        frame.setLocationByPlatform(true);
        frame.setVisible(true);
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                createAndShowGui();
            }
        });
    }
}

@SuppressWarnings("serial")
class ImagePanel extends JComponent {
    private Image image;

    public ImagePanel(Image image) {
        this.image = image;
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        g.drawImage(image, 0, 0, this);
    }

    @Override
    public Dimension getPreferredSize() {
        Dimension superSize = super.getPreferredSize();
        int w = image == null ? superSize.width : Math.max(superSize.width, image.getWidth(null));
        int h = image == null ? superSize.height : Math.max(superSize.height, image.getHeight(null));
        Dimension d = new Dimension(w, h);

        return d;
    }
}

并展示了这个 GUI：