Java Swing中如何在JLabel的图片上绘制指定线条并适配缩放

我想要用g.drawline(x1,y1,x2,y2)绘制从图片(0,0)点到图片中点的线条，但试了多种方法都没解决。getX()和getY()获取的是相对于JFrame的坐标，我需要的是相对于JLabel或图片的坐标；同时希望图片缩放时，仍保持图片(0,0)原点的对应关系。

import java.awt.*;
import java.awt.event.*;
import java.awt.image.BufferedImage;
import javax.swing.*;

public class ImageExample {
    public static void main(String[] args) {
        // 创建图片
        BufferedImage image = new BufferedImage(400, 400, BufferedImage.TYPE_INT_ARGB);

        // 获取图片的Graphics对象进行绘制
        Graphics2D g2d = image.createGraphics();
        g2d.setColor(Color.BLACK);
        g2d.fillRect(0, 0, 400, 400);
        g2d.setColor(Color.WHITE);
        g2d.drawString("点击以显示坐标", 100, 200);
        g2d.dispose();

        // 创建包含图片的JLabel
        JLabel imageLabel = new JLabel(new ImageIcon(image));

        // 为图片添加点击监听器
        imageLabel.addMouseListener(new MouseAdapter() {
            @Override
            public void mouseClicked(MouseEvent e) {
                int x = e.getX();
                int y = e.getY();

                System.out.println("图片中的坐标 : " + x + ", " + y);
            }
        });

        // 创建JPanel来容纳JLabel
        JPanel panel = new JPanel();
        panel.add(imageLabel);

        // 创建JFrame来显示JPanel
        JFrame frame = new JFrame("图片示例");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.getContentPane().add(panel);
        frame.pack();
        frame.setVisible(true);
    }
}

• 获取图片相对坐标：MouseEvent的getX()和getY()本身是相对于触发事件的组件（即imageLabel）的坐标，但图片被缩放时，需通过缩放比例转换为原始图片坐标。
• 处理缩放与原点对应：自定义JLabel的绘制逻辑，在paintComponent方法中完成缩放计算和线条绘制，确保原点对应关系在缩放时保持不变。

修改后的代码示例：

import java.awt.*;
import java.awt.event.*;
import java.awt.image.BufferedImage;
import javax.swing.*;

public class ImageExample {
    public static void main(String[] args) {
        // 创建原始图片
        BufferedImage originalImage = new BufferedImage(400, 400, BufferedImage.TYPE_INT_ARGB);
        Graphics2D g2d = originalImage.createGraphics();
        g2d.setColor(Color.BLACK);
        g2d.fillRect(0, 0, 400, 400);
        g2d.setColor(Color.WHITE);
        g2d.drawString("点击以显示坐标", 100, 200);
        g2d.dispose();

        // 自定义JLabel处理缩放和绘制
        JLabel imageLabel = new ImageExampleLabel(originalImage) {
            @Override
            protected void paintComponent(Graphics g) {
                super.paintComponent(g);
                BufferedImage image = getImage();
                if (image != null) {
                    // 计算等比例缩放系数
                    double scaleX = (double) getWidth() / image.getWidth();
                    double scaleY = (double) getHeight() / image.getHeight();
                    double scale = Math.min(scaleX, scaleY);

                    // 计算图片居中绘制的偏移量
                    int drawX = (int) ((getWidth() - image.getWidth() * scale) / 2);
                    int drawY = (int) ((getHeight() - image.getHeight() * scale) / 2);

                    // 缩放绘制图片
                    g.drawImage(image, drawX, drawY, (int) (image.getWidth() * scale), (int) (image.getHeight() * scale), this);

                    // 绘制从图片原点到中点的线条（转换为Label内的坐标）
                    g.setColor(Color.RED);
                    int midX = drawX + (int) (image.getWidth() * scale / 2);
                    int midY = drawY + (int) (image.getHeight() * scale / 2);
                    g.drawLine(drawX, drawY, midX, midY);
                }
            }

            @Override
            public Dimension getPreferredSize() {
                return new Dimension(400, 400);
            }
        };

        // 添加鼠标监听器，转换点击坐标为原始图片坐标
        imageLabel.addMouseListener(new MouseAdapter() {
            @Override
            public void mouseClicked(MouseEvent e) {
                BufferedImage image = ((ImageExampleLabel) imageLabel).getImage();
                double scaleX = (double) imageLabel.getWidth() / image.getWidth();
                double scaleY = (double) imageLabel.getHeight() / image.getHeight();
                double scale = Math.min(scaleX, scaleY);

                // 计算图片在Label中的偏移量
                int drawX = (int) ((imageLabel.getWidth() - image.getWidth() * scale) / 2);
                int drawY = (int) ((imageLabel.getHeight() - image.getHeight() * scale) / 2);

                // 将Label坐标转换为原始图片坐标
                int imgX = (int) ((e.getX() - drawX) / scale);
                int imgY = (int) ((e.getY() - drawY) / scale);

                // 确保坐标在图片范围内
                imgX = Math.max(0, Math.min(imgX, image.getWidth() - 1));
                imgY = Math.max(0, Math.min(imgY, image.getHeight() - 1));

                System.out.println("原始图片中的坐标 : " + imgX + ", " + imgY);
            }
        });

        // 创建容器并显示窗口
        JPanel panel = new JPanel(new BorderLayout());
        panel.add(imageLabel, BorderLayout.CENTER);

        JFrame frame = new JFrame("图片示例");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.getContentPane().add(panel);
        frame.pack();
        frame.setResizable(true);
        frame.setVisible(true);
    }

    // 内部类用于存储原始图片引用
    static class ImageExampleLabel extends JLabel {
        private BufferedImage image;

        public ImageExampleLabel(BufferedImage image) {
            this.image = image;
        }

        public BufferedImage getImage() {
            return image;
        }
    }
}

关键说明 #

• 自定义paintComponent方法，实现图片等比例缩放与居中绘制，同时计算缩放后的原点和中点坐标，绘制目标线条。
• 鼠标点击时，通过缩放比例和偏移量，将Label上的点击坐标转换为原始图片的坐标，确保坐标对应准确。
• 窗口缩放时，paintComponent会自动重新计算缩放参数，保持原点与线条的对应关系。

内容的提问来源于stack exchange，提问作者Riské