Как создать расширение JButton с закругленными углами?

Это продолжение вопроса «Java rounded Swing JButton» . Я искал расширение javax.swing.JButton, которое наследует все поведение во время выполнения и просто отменяет рисование углов.

Используя код, представленный noah.w на странице форума sun, результат выглядит следующим образом:

весь текст http://i40.tinypic.com/107qfkp.jpg

Я бы хотел иметь тот же градиент в фоновом режиме, на мыши над изменением и т. Д. Кто-нибудь знает, как это сделать?

Код, который создает окно Java Swing на картинке:

public class XrButton extends JButton implements MouseListener {

    private static final long serialVersionUID = 9032198251140247116L;

    String text;
    boolean mouseIn = false;

    public XrButton(String s) {
        super(s);
        text = s;
        setBorderPainted(false);
        addMouseListener(this);
        setContentAreaFilled(false);
    }

    @Override
    public void paintComponent(Graphics g) {
        Graphics2D g2 = (Graphics2D) g;
        if (getModel().isPressed()) {
            g.setColor(g.getColor());
            g2.fillRect(3, 3, getWidth() - 6, getHeight() - 6);
        }
        super.paintComponent(g);

        if (mouseIn)
            g2.setColor(Color.red);
        else
            g2.setColor(new Color(128, 0, 128));

        g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                RenderingHints.VALUE_ANTIALIAS_ON);
        g2.setStroke(new BasicStroke(1.2f));
        g2.draw(new RoundRectangle2D.Double(1, 1, (getWidth() - 3),
                (getHeight() - 3), 12, 8));
        g2.setStroke(new BasicStroke(1.5f));
        g2.drawLine(4, getHeight() - 3, getWidth() - 4, getHeight() - 3);

        g2.dispose();
    }

    public static void main(String[] args) {
        JFrame frame = new JFrame();
        frame.getContentPane().setLayout(new FlowLayout());

        XrButton xrButton = new XrButton("XrButton");
        JButton jButton = new JButton("JButton");

        frame.getContentPane().add(xrButton);

        frame.getContentPane().add(jButton);

        frame.setSize(150, 150);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setVisible(true);
    }

    public void mouseClicked(MouseEvent e) {
    }

    public void mouseEntered(MouseEvent e) {
        mouseIn = true;
    }

    public void mouseExited(MouseEvent e) {
        mouseIn = false;
    }

    public void mousePressed(MouseEvent e) {
    }

    public void mouseReleased(MouseEvent e) {
    }

java,swing,rounded-corners,jbutton,

3

Ответов: 4


1 принят

Я думаю, у вас есть 2 варианта:

1.В дополнение к рисованию себя в методе рисования вашего компонента

2. Создайте новый ButtonUI для вашего внешнего вида. В этом случае я бы предложил использовать Synch LAF

В обоих случаях рисование разных состояний - это ваша совместимость


1

Лучшая реализация, которую я видел закругленными кнопками в Swing, - это выражение «Вещество»:

https://substance.dev.java.net/

Не все темы имеют закругленные кнопки, поэтому вам может потребоваться изменить значения по умолчанию в демо. Проект является открытым исходным кодом, поэтому, возможно, стоит подумать о том, что в коде есть некоторые идеи.


1

Мне тоже нужно было это сделать, это то, в чем я оказался (только Metal LAF!)

@Override
    protected void paintComponent(Graphics g)
    {
        Graphics2D g2 = (Graphics2D) g;
        g2.setRenderingHints(new RenderingHints(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON));
        Shape firstClip = g.getClip();
        RoundRectangle2D rect = new RoundRectangle2D.Double();
        double arc = Math.ceil(getSize().getHeight()/3);
        rect.setRoundRect(0, 0, Math.ceil(getSize().getWidth()), Math.ceil(getSize().getHeight()), arc, arc);
        Area secondClip = new Area(getBounds());
        secondClip.subtract(new Area(rect));
        Area finalClip = new Area(firstClip);
        finalClip.subtract(secondClip);
        g2.setClip(finalClip);
        super.paintComponent(g2);
        Color[] gradients;
        if(getModel().isRollover())
        {
            gradients = new Color[] { new Color(184, 207, 229), new Color(122, 138, 153), new Color(184, 207, 229) };
        }
        else
        {
            gradients = new Color[] { new Color(122, 138, 153) };
        }
        for(int i = 0; i < gradients.length; i++)
        {
            arc -= 2;
            g2.setColor(gradients[i]);
            g2.drawRoundRect(i+1, i+1, (int)Math.ceil(getSize().getWidth()-2)-(i*2), (int)Math.ceil(getSize().getHeight()-2)-(i*2), (int)arc, (int)arc);
        }
    }

Это выглядит так: http://i.stack.imgur.com/unZuc.png


0

Вы должны заботиться о нем самостоятельно:

  • в первую очередь вы можете поймать все действия, которые используются на кнопке, чтобы изменить состояние (например, в коде, где mouseIn используется для изменения цвета)
  • то вам нужно заботиться обо всех деталях, которые вам нужны, например, для градиентов вы должны указать класс, GradientPaintкоторый используется для рисования градиентов.

Кстати, помните, что вам нужно позаботиться о разных взглядах и о том, что ваше решение подойдет только одному из них.

Java, качели, округло-углы, JButton,
Похожие вопросы
Яндекс.Метрика