102

有没有办法JButton用你自己的按钮图形创建一个,而不仅仅是按钮内的图像?

JButton如果没有,是否有另一种方法可以在 java中创建自定义?

4

5 答案 5

96

当我第一次学习 Java 时,我们必须制作 Yahtzee,我认为创建自定义 Swing 组件和容器而不只是在一个JPanel. 当然,扩展组件的好处Swing是能够添加对键盘快捷键和其他辅助功能的支持,而这些功能仅通过paint()方法打印一张漂亮的图片是无法做到的。然而,它可能不是最好的方法,但它可能是你的一个很好的起点。

编辑 8/6 - 如果从图像中看不出来,每个骰子都是一个可以单击的按钮。这会将其移至DiceContainer下方。查看源代码,您可以看到每个 Die 按钮都是根据其值动态绘制的。

替代文字
替代文字
替代文字

以下是基本步骤:

  1. 创建一个扩展类JComponent
  2. super()在构造函数中调用父构造函数
  3. 确保你的类实现MouseListener
  4. 把它放在构造函数中:

    enableInputMethods(true);   
    addMouseListener(this);
    
  5. 覆盖这些方法:

    public Dimension getPreferredSize()  
    public Dimension getMinimumSize()  
    public Dimension getMaximumSize()
    
  6. 覆盖此方法:

    public void paintComponent(Graphics g)
    

绘制按钮时必须使用的空间量由getPreferredSize(), 假设getMinimumSize()getMaximumSize()返回相同的值定义。我没有对此进行太多实验,但是根据您用于 GUI 的布局,您的按钮可能看起来完全不同。

最后,源代码。以防我错过了什么。

于 2008-08-05T13:03:43.707 回答
35

是的,这是可能的。使用 Swing 的主要优点之一是可以轻松创建和操作抽象控件。

这是扩展现有 JButton 类以在文本右侧绘制一个圆圈的快速而肮脏的方法。

package test;

import java.awt.Color;
import java.awt.Container;
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Graphics;

import javax.swing.JButton;
import javax.swing.JFrame;

public class MyButton extends JButton {

    private static final long serialVersionUID = 1L;

    private Color circleColor = Color.BLACK;

    public MyButton(String label) {
        super(label);
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);

        Dimension originalSize = super.getPreferredSize();
        int gap = (int) (originalSize.height * 0.2);
        int x = originalSize.width + gap;
        int y = gap;
        int diameter = originalSize.height - (gap * 2);

        g.setColor(circleColor);
        g.fillOval(x, y, diameter, diameter);
    }

    @Override
    public Dimension getPreferredSize() {
        Dimension size = super.getPreferredSize();
        size.width += size.height;
        return size;
    }

    /*Test the button*/
    public static void main(String[] args) {
        MyButton button = new MyButton("Hello, World!");

        JFrame frame = new JFrame();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(400, 400);

        Container contentPane = frame.getContentPane();
        contentPane.setLayout(new FlowLayout());
        contentPane.add(button);

        frame.setVisible(true);
    }

}

请注意,通过覆盖paintComponent可以更改按钮的内容,但边框是由paintBorder方法绘制的。还需要管理getPreferredSize方法以动态支持对内容的更改。测量字体指标和图像尺寸时需要小心。

对于创建可以依赖的控件,上述代码不是正确的方法。Swing 中的尺​​寸和颜色是动态的,并且取决于所使用的外观和感觉。甚至默认的Metal外观在 JRE 版本中也发生了变化。最好实现AbstractButton并符合 Swing API 制定的准则。一个好的起点是查看javax.swing.LookAndFeeljavax.swing.UIManager类。

http://docs.oracle.com/javase/8/docs/api/javax/swing/LookAndFeel.html

http://docs.oracle.com/javase/8/docs/api/javax/swing/UIManager.html

了解 LookAndFeel 的结构对于编写控件很有用: 创建自定义外观

于 2008-08-05T12:53:35.990 回答
15

您可以随时尝试 Synth 的外观和感觉。您提供一个 xml 文件作为一种样式表,以及您想要使用的任何图像。代码可能如下所示:

try {
    SynthLookAndFeel synth = new SynthLookAndFeel();
    Class aClass = MainFrame.class;
    InputStream stream = aClass.getResourceAsStream("\\default.xml");

    if (stream == null) {
        System.err.println("Missing configuration file");
        System.exit(-1);                
    }

    synth.load(stream, aClass);

    UIManager.setLookAndFeel(synth);
} catch (ParseException pe) {
    System.err.println("Bad configuration file");
    pe.printStackTrace();
    System.exit(-2);
} catch (UnsupportedLookAndFeelException ulfe) {
    System.err.println("Old JRE in use. Get a new one");
    System.exit(-3);
}

从那里开始,像往常一样添加您的 JButton。唯一的变化是您使用 setName(string) 方法来确定按钮应映射到 xml 文件中的内容。

xml 文件可能如下所示:

<synth>
    <style id="button">
        <font name="DIALOG" size="12" style="BOLD"/>
        <state value="MOUSE_OVER">
            <imagePainter method="buttonBackground" path="dirt.png" sourceInsets="2 2 2 2"/>
            <insets top="2" botton="2" right="2" left="2"/>
        </state>
        <state value="ENABLED">
            <imagePainter method="buttonBackground" path="dirt.png" sourceInsets="2 2 2 2"/>
            <insets top="2" botton="2" right="2" left="2"/>
        </state>
    </style>
    <bind style="button" type="name" key="dirt"/>
</synth>

那里的 bind 元素指定要映射到的内容(在本例中,它将将该样式应用于 name 属性已设置为“dirt”的任何按钮)。

还有几个有用的链接:

http://javadesktop.org/articles/synth/

http://docs.oracle.com/javase/tutorial/uiswing/lookandfeel/synth.html

于 2008-08-05T12:47:17.967 回答
9

我可能会在错误的方向行驶一百万英里(但我还很年轻:P)。但是您不能将图形添加到面板,然后将鼠标侦听器添加到图形对象,以便当用户在图形上执行您的操作时。

于 2008-08-20T15:48:56.063 回答
8

自从我早期的 CS 课程以来,我没有做过 SWING 开发,但如果它不是内置的,你可以继承javax.swing.AbstractButton并创建你自己的。将某些东西与他们现有的框架连接起来应该非常简单。

于 2008-08-05T12:30:34.757 回答