如何在 Java 中制作圆形 JButton

Question

首先，我是一名 Web 开发人员和一名 Java 程序员新手。 我的老板要我在应用程序中制作这个按钮：

我的自定义按钮类必须扩展 JButton 或 BasicButtonUI 以便可以重复使用。

我对 Stack Overflow 做了一些研究，但我不明白答案，尤其是在我老板的时间限制下。

Answer 1

您应该为此创建自己的组件。

覆盖 JPanel 上的 paintComponent 方法，并在 paintComponent 方法内部绘制（即填充）灰色的圆角矩形 2D：

RoundRectangle2D roundedRectangle = new RoundRectangle2D.Float(x, y, w, h, 10, 10);
g.fill(roundedRectangle);

（最后两个值决定曲率。玩弄直到你得到你想要的）

现在移动 x,y 并减小 width 和 height 以便在绘制下一个矩形时，它位于灰色矩形内.将图形颜色设置为蓝色，然后执行以下操作：

RoundRectangle2D roundedRectangle2 = new RoundRectangle2D.Float(x + 5, y + 5, w - 10, h - 10, 10, 10);
g.fill(roundedRectangle2);

您还需要添加文本。添加文本需要 x 和 y 位置。精确的 x 和 y 位置可能难以计算，因此您可能需要使用FontMetrics 来获取有关字符串矩形形状的更多信息。 Fontmetrics 有像 stringWidth() 和 getHeight() 这样的方法，可以帮助你确定你的 x 和 y 应该是什么。

g.drawString("Click Me", x, y);

最后，您需要在面板上安装鼠标移动监听器。监听器需要找到鼠标在按钮上的时间，然后重绘组件。

您的矩形可以转换为shape 对象，并且可以计算鼠标是否在该形状中。例如：

shape.contains(x,y)

如果包含，更改颜色，然后在面板上调用 repaint() 或 updateUI()。

注意：您的颜色对象应作为类中的类级别字段保存，以便可以通过鼠标悬停进行更改。

希望这会有所帮助！

Answer 2

如果您不想自己使用图形 API 绘制图像，或者您不能因为图像来自图形设计师，那么您可以将它们用作 ImageIcon 对象并使用 setRolloverIcon() 和 @ 987654323@.

在这种情况下，我会这样做

class ButtonRollover {

    private String normalImagePath;
    private String rolloverImagePath;

    public ButtonRollover(String normalImagePath, String rolloverImagePath) {
        this.normalImagePath = normalImagePath;
        this.rolloverImagePath = rolloverImagePath;
    }

    public void apply(AbstractButton abstractButton) {
        abstractButton.setBorderPainted(false);
        abstractButton.setBackground(new Color(0, 0, 0, 0));
        abstractButton.setRolloverIcon(createImageIcon(rolloverImagePath));
        abstractButton.setIcon(createImageIcon(normalImagePath));
    }

    private ImageIcon createImageIcon(String path) {
        java.net.URL imgURL = getClass().getResource(path);
        if (imgURL != null) {
            return new ImageIcon(imgURL);
        } else {
            System.err.println("Couldn't find file: " + path);
            return null;
        }
    }
}

然后使用它。例如

public class Main extends JFrame {

    public static void main(String[] args) {
        Main main = new Main();
        main.setBackground(Color.WHITE);
        main.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        main.setSize(640, 480);

        Container contentPane = main.getContentPane();

        ButtonRollover buttonRollover = new ButtonRollover("/bt_normal.png",
                "/bt_hover.png");

        JButton btn = new JButton();
        buttonRollover.apply(btn);

        contentPane.add(btn);
        main.setVisible(true);
    }
}

只需将图像文件放在类路径中即可。

Answer 3

有办法做到这一点。

1) JButton 具有内置 API setIcon。您可以在此处设置 ImageIcon。

2）您可以添加鼠标监听器（鼠标进入，鼠标退出）将图标更改为所需的。

3) Make a button round - 参考创建弯曲按钮。

Answer 4

public class Main extends JFrame {

    public static void main(String[] args) {
        Main main = new Main();
        main.setBackground(Color.WHITE);
        main.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        main.setSize(640, 480);

        Container contentPane = main.getContentPane();

        ButtonRollover buttonRollover = new ButtonRollover("/bt_normal.png",
                "/bt_hover.png");

        JButton btn = new JButton();
        buttonRollover.apply(btn);

        contentPane.add(btn);
        main.setVisible(true);
    }
}