在面板上的缓冲图像上绘制文本

Question

我正在编写一个由三个不同面板组成的程序。

这是我底部面板的一部分。我使用 BufferedImage 显示图像，我想创建一些文本，这些文本将出现在图像中 350 像素左右，向下 15 像素。我无法让它工作并覆盖在缓冲图像上。

我当前的代码如下（对于底部面板）：

public class BtmPanel extends JPanel {
    BtmPanel(){
        try {
            JLabel imgLabel = new JLabel();
            final BufferedImage img = ImageIO.read(new File("image.png"));
            ImageIcon icon = new ImageIcon(img);
            imgLabel.setIcon(icon);
            this.add(imgLabel);
        }
        catch(IOException ie){
            System.out.println("image does not exist");
        }
    }

    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        g.drawString("Y:  " + MiddlePanel.y ,350,15);
    }
}

Answer 1

根据您的需要和愿望，您可以通过多种方式实现这一目标。

例如，您可以直接自己绘制而不是使用JLabel 来显示图像，例如...

public class BtmPanel extends JPanel {
    private BufferedImage image;
    BtmPanel(){
        try {
            image = ImageIO.read(new File("image.png"));
        }
        catch(IOException ie){
            System.out.println("image does not exist");
        }
    }

    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        if (image != null) {
            g.drawImage(0, 0, image, this);
        }
        g.drawString("Y:  " + MiddlePanel.y ,350,15);
    }
}

这样做的原因是你没有（真的）控制图像在JLabel 中的位置（很多事情都会影响它的位置）。

另一种解决方案是将文本直接绘制到BufferedImage 本身上。您将使用哪个取决于文本的动态程度以及许多其他因素

Answer 2

执行此操作的方法与您的示例完全相反，覆盖 JPanel 的绘画方法绘制 BufferedImage（使用您的图像创建背景），然后您通常可以在 JPanel 扩展上添加带有文本的 JLabel。

请注意，如果 JPanel 已调整大小并且您不希望背景质量不佳，则必须手动创建调整大小的版本以适应容器，或者至少调整缓冲图像的大小保持宽度/高度比的逻辑......没那么容易！ 对于基本版本，您可以尝试以下内容（取自一个工作示例）paintComponent 覆盖函数：

@Override
protected void paintComponent(Graphics g) {
    Image background = backgroundImage.getScaledInstance(this.getWidth(), this.getHeight(), Image.SCALE_DEFAULT);

    super.paintComponent(g);
    if (backgroundImage != null) {
        g.drawImage(background, 0, 0, null);
    }
}

希望这会有所帮助；）