Question

我试图为几个填充文本的JLabel元素创建一个mouseOver视觉效果。这个想法是当鼠标离开时使每个标签变暗，然后当鼠标离开其区域时将其恢复正常。此外，所有标签都放置在具有背景图像的面板上。

虽然很简单，但我遇到了一种我无法克服的恶劣行为。

错误1：我第一次将鼠标移到标签上时，它会向我显示主窗口的左上角作为背景。

错误2：然后，每当我将鼠标移动到一个标签上一次，然后将其移动到第二个标签上时，第二个将其背景更改为＆＃34; summ背景＆＃34;第一个标签的（面板图像+半透明背景）。在上面，似乎即使是第一个标签的文本内容也被复制了＃34;到第二个标签的背景。这只发生一次标签更改：如果我将鼠标移动到同一标签两次，则第二次鼠标悬停事件被正确绘制。

我已经尝试过使用MouseMotionListener，一个不同的元素（JButton），使用组件修改方法，并且前夕尝试覆盖绘制方法。没有结果。

我附上了动画GIF，显示了所描述的行为： Two JLabels copying backgrounds and contents from each other

我对Swing来说比较新，所以我不熟悉它的警告。知道可能导致这种情况的原因吗？

自定义面板类：

public class ImagePanel extends JPanel{
    private static final long serialVersionUID = -3995745756635082049L;

    private Image image = null;

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

    public void paintComponent(Graphics g){
        super.paintComponent(g);
        if(image != null){
            g.drawImage(image, 0, 0, this);
        }
    }
}

MouseListener类：

public class MouseHoverPiece implements MouseListener{

private static final Cursor CURSOR_HAND = new Cursor(Cursor.HAND_CURSOR);
private static final Cursor CURSOR_DEFAULT = new Cursor(Cursor.DEFAULT_CURSOR);
private static final Color HOVER_SHADOW = new Color(40, 80, 60, 50);

@Override
public void mouseEntered(MouseEvent e) {
    JLabel component = (JLabel)e.getComponent();
    component.setBackground(HOVER_SHADOW);
    component.setCursor(CURSOR_HAND);
    component.setOpaque(true);
    component.repaint();
}

@Override
public void mouseExited(MouseEvent e) {
    JLabel component = (JLabel)e.getComponent();
    component.setBackground(null);
    component.setCursor(CURSOR_DEFAULT);
    component.setOpaque(false);
    component.repaint();
}

MainWindow类：

Image background = ResourceLoader.loadImage("board.png");
ImagePanel panel = new ImagePanel(background);
panel.setBounds(10, 55, 480, 480);
panel.setLayout(null);
panel_main.add(panel);

final JLabel lblNewLabel1 = new JLabel("N");
lblNewLabel1.setHorizontalAlignment(SwingConstants.CENTER);
lblNewLabel1.setOpaque(false);
lblNewLabel1.setBounds(25, 24, 52, 52);
lblNewLabel1.setFont(lblNewLabel1.getFont().deriveFont(42f));
lblNewLabel1.addMouseListener(new MouseHoverPiece());
panel.add(lblNewLabel1);

final JLabel lblNewLabel2 = new JLabel("O");
lblNewLabel2.setHorizontalAlignment(SwingConstants.CENTER);
lblNewLabel2.setOpaque(false);
lblNewLabel2.setBounds(25+52+2, 24, 52, 52);
lblNewLabel2.setFont(lblNewLabel2.getFont().deriveFont(42f));
lblNewLabel2.addMouseListener(new MouseHoverPiece());
panel.add(lblNewLabel2);

Answer 1

private static final Color HOVER_SHADOW = new Color(40, 80, 60, 50);

Swing组件在透明背景方面存在问题，因为您违反了绘制规则，该规则声明不透明组件将完全绘制背景。

查看Backgrounds With Transparency以获取更多信息以及针对该问题的几种解决方案。你可以：

在标签上进行自定义绘画以手动绘制背景
使用包装器组件并让该组件为您完成绘画。

Answer 2

我想我找到了解决方案。两个错误都消失了。我所做的是添加父容器（在我的情况下是具有电路板背景的面板）重绘：

@Override
public void mouseEntered(MouseEvent e) {
    JLabel component = (JLabel)e.getComponent();
    component.setBackground(HOVER_SHADOW);
    component.setCursor(CURSOR_HAND);
    component.setOpaque(true);
    Container container = component.getParent();
    component.repaint();
    container.repaint(); //fix
}

@Override
public void mouseExited(MouseEvent e) {
    JLabel component = (JLabel)e.getComponent();
    component.setBackground(null);
    component.setCursor(CURSOR_DEFAULT);
    component.setOpaque(false);
    Container container = component.getParent();
    component.repaint();
    container.repaint(); //fix
}

感谢大家的帮助;）

两个JLabel在鼠标上方复制背景和内容

2 个答案: