Создание пользовательской кнопки JButton в Java


97

Есть ли способ создать изображение JButtonс вашей собственной кнопкой, а не только с изображением внутри кнопки?

Если нет, есть ли другой способ создать кастом JButtonв java?

Ответы:


91

Когда я впервые изучал 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()возвращая одно и то же значение. Я не слишком много экспериментировал с этим, но, в зависимости от макета, который вы используете для своего графического интерфейса, ваша кнопка может выглядеть совершенно иначе.

И, наконец, исходный код . На случай, если я что-то пропустил.


1
Привет, сначала спасибо за код! Я бы предложил добавить в ваш код «setActionComme (String Command)». это один из способов фильтрации событий в Swing. (но тогда вы можете утверждать, что есть 1001 вещь, которую можно было бы добавить, чтобы немного улучшить ситуацию: P)
Джейсон Роджерс

1
Чтобы создать штамп, который вы можете нажать, вы можете фактически использовать старый простой JButton (а не создавать подклассы или создавать собственный JComponent), используя преимущества setIcon / setPressedIcon, а также другие функции значков в JButton
ControlAltDel

34

Да, это возможно. Одним из основных плюсов использования 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.LookAndFeel и javax.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 полезно для написания элементов управления: Создание индивидуального внешнего вида и ощущений


13

Вы всегда можете попробовать стиль 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 которых установлено на «грязь»).

И еще пара полезных ссылок:

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

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


8

Я, наверное, проеду миллион миль по неправильному маршруту (но я еще молод: P). но не могли бы вы добавить графику на панель, а затем мышеловку к графическому объекту, чтобы когда пользователь на графике выполнял ваше действие.


1
Это сработает, но я бы предпочел использовать стандартный JButton, чем создавать кнопку моего типа, если это возможно.
Антон

7

Я не занимался разработкой SWING со времен моих первых классов CS, но если бы он не был встроен, вы могли бы просто наследовать javax.swing.AbstractButtonи создавать свои собственные. Должно быть довольно просто связать что-то с существующей структурой.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.