java - 在圆形 JLabel 图像周围创建可点击区域

Question

我正在尝试创建一个带有椭圆形图像的 JLabel，如下所示。

我的代码如下:

import java.awt.Color;
import java.awt.Dimension;
import java.awt.Image;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.image.BufferedImage;
import java.io.IOException;

import javax.imageio.ImageIO;
import javax.swing.BorderFactory;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.SwingUtilities;

public final class RoundedButtonDemo {
    private static Image bi;

    public static void main(String[] args) {
        try {
            loadImage();

            SwingUtilities.invokeLater(new Runnable() {
                @Override
                public void run() {
                    createAndShowGUI();
                }
            });
        } catch (IOException e) {
            // handle exception
        }
    }

    private static void loadImage() throws IOException {
        int newWidth = 80;
        int newHeight = 40;
        bi = ImageIO.read(RoundedButtonDemo.class.getResource("/resources/login.png"));
        bi = bi.getScaledInstance(newWidth, newHeight, Image.SCALE_DEFAULT);

    }

    private static void createAndShowGUI() {
        final JFrame frame = new JFrame();
        frame.setSize(400, 400);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        final JLabel label = new JLabel();
        label.setSize(new Dimension(5, 5));
        label.setIcon(new ImageIcon(bi));
        label.setText("Hello World");
        label.setHorizontalTextPosition(JLabel.CENTER);
        // label.setBorder(BorderFactory.createLineBorder(Color.BLACK));

        label.addMouseListener(new MouseListener() {

            private int count = 0;

            @Override
            public void mouseClicked(MouseEvent e) {
                if (e.getSource() == label) {
                    if (count % 2 == 0) {
                        label.setText("Bye");
                    } else {
                        label.setText("Hello World");
                    }

                    count++;
                }
            }

            @Override
            public void mouseEntered(MouseEvent e) {
                // TODO Auto-generated method stub

            }

            @Override
            public void mouseExited(MouseEvent e) {
                // TODO Auto-generated method stub

            }

            @Override
            public void mousePressed(MouseEvent e) {
                // TODO Auto-generated method stub

            }

            @Override
            public void mouseReleased(MouseEvent e) {
                // TODO Auto-generated method stub

            }
        });

        frame.add(label);
        frame.setLocationRelativeTo(null);
        frame.setVisible(true);
    }
}

此代码创建一个包含上述图像的 JLabel。每次单击按钮时，JLabel 的文本都应根据添加到 JLabel 的 MouseListener 进行交替。

我面临的问题是，即使我在图像外部(也在 JLabel 外部)单击，MouseListener 也会被触发，并且文本会交替出现。

我想要实现的目标是: 一个圆形按钮，每当单击其表面上的任意位置时，都会响应 MouseListener。

Answer 1

我尝试了你的代码。您之所以会出现此行为，是因为您的 JLabel 实际上填充了整个框架。您需要为框架设置布局；像这样的东西:

// ...
frame.setSize(400, 400);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setLayout(new FlowLayout());             // <-- you need this

final JLabel label = new JLabel();
label.setPreferredSize(new Dimension(80, 40)); // <-- also this
label.setIcon(new ImageIcon(bi));
label.setText("Hello World");
// ...

FlowLayout 是最简单的布局管理器之一，其数量有很多。您可以在这里阅读有关它们的信息:https://docs.oracle.com/javase/tutorial/uiswing/layout/visual.html

希望这有帮助。

PS:您有一个好主意尝试调试此问题，添加如下边框:

// label.setBorder(BorderFactory.createLineBorder(Color.BLACK));

不知道你为什么将其注释掉。也许你没有注意到整个框架区域周围有一个黑色边框。尝试将颜色设置为 Color.RED 或其他更引人注目的颜色。