java - Swing Jbutton：仅在悬停时显示边框和背景

Question

我想为我的自定义 Swing.JButton 添加悬停效果，类似于我的 Chrome 浏览器上的图标：

悬停前>>

悬停后>>

我可以在创建按钮时将其设置为“之前”状态，但在悬停时无法创建“边框+凸起背景”。当我尝试为按钮重新添加边框时，我得到了一个移动效果，因为重新绘制了一个新的边框。

这是我当前的代码：

public class MyButton extends JButton implements MouseListener {

public MyButton(String iconPath, String toolTip) {
    super(new ImageIcon(TipButton.class.getResource(iconPath)));
    addMouseListener(this);
    setBorder(null);
    setBorderPainted(false);
    setFocusPainted(false);
    setOpaque(false);
    setContentAreaFilled(false);
    setToolTipText(toolTip);
}

public MyButton(String iconPath, String name, String toolTip) {
    this(observers, iconPath, toolTip);
    setText(name);
}

@Override
public void mouseClicked(MouseEvent e) {}

@Override
public void mousePressed(MouseEvent e) {}

@Override
public void mouseReleased(MouseEvent e) {}

@Override
public void mouseEntered(MouseEvent e) {
    if (e.getSource() != this) return;

    setBorder(BorderFactory.createBevelBorder(BevelBorder.RAISED));
}

@Override
public void mouseExited(MouseEvent e) {
    if (e.getSource() != this) return;

    setBorder(null);
}

}

我想主要逻辑应该在 mouseEntered/mouseExited 方法中，但我不知道如何获得想要的效果。任何想法？

Answer 1

我想我已经找到了解决办法。使用具有相同尺寸（插图）的凸起边框的 EmptyBorder 可以解决问题。代码：

public class SwingUtils {

public static JButton createMyButton (String iconPath, String toolTip) {
    final JButton b = new JButton (new ImageIcon(SwingUtils.class.getResource(iconPath)));
    final Border raisedBevelBorder = BorderFactory.createRaisedBevelBorder();
    final Insets insets = raisedBevelBorder.getBorderInsets(b);
    final EmptyBorder emptyBorder = new EmptyBorder(insets);
    b.setBorder(emptyBorder);
    b.setFocusPainted(false);
    b.setOpaque(false);
    b.setContentAreaFilled(false);
    b.setToolTipText(toolTip);
    b.getModel().addChangeListener(new ChangeListener() {
        @Override
        public void stateChanged(ChangeEvent e) {
            ButtonModel model = (ButtonModel) e.getSource();
            if (model.isRollover()) {
                b.setBorder(raisedBevelBorder);
            } else {
                b.setBorder(emptyBorder);
            }
        }
    });
    return b;
}

}

注意：正如 mKorbel 所说，它将使用 ChangeListener 和在工厂方法中创建的按钮，而不是子类 JButton。

Answer 2

为每个州使用不同的图像。您可以为 selected、disabled selected、disabled、pressed、rollover、rolloverEnabled、rolloverSelected 设置不同的图标。更多信息在这里。

Answer 3

• （可能）没有理由创建extends JButton implements MouseListener {，没有任何JButtons 方法被覆盖，而是使用带有返回的组合，

• 更好的方法是创建一个局部变量并使用 API 中实现的方法

• 不要将MouseListener用于Buttons Components，所有这些事件都在JButtons API中实现并且正确

• 为 JButton 使用 set(Xxx)Icon

• JButton.getModel最简单的方法是使用ChangeListener，例如

Answer 4

在 java 7 中，有一个 BevelBorder 类，看起来就是您正在寻找的。您可能会感兴趣的两种方法是

    paintRaisedBevel(Component c, Graphics g, int x, int y, int width, int height)

和

    paintLoweredBevel(Component c, Graphics g, int x, int y, int width, int height)

这是该类的文档：http: //docs.oracle.com/javase/7/docs/api/javax/swing/border/BevelBorder.html