No up state JButton

Question

I'm trying to change to appearance of my JButton so that the button have no up state.

Currently i have something like this:

And i would like something like this:(comming from NetBeans)

In other words, I only want the image of the button to be visible when the button does not have any kind of focus. But when the user click or roll over it, it should act exactly the same as a regular button.

more examples:

no focus

roll over

click

I use a inner class for my button. It look like this:

private class CustumJButton extends JButton
{

    public CustumJButton(Icon icon)
    {
        super(icon);
        int size = 30;
        setPreferredSize(new Dimension(size, size));
        setFocusable(false);
    }
}

Thanks ayoye.

Answer 1

I guess you need to use these two things to make it work, setBorderPainted(boolean) and setContentAreaFilled(boolean)

buttonObject.setBorderPainted(false);
buttonObject.setContentAreaFilled(false);

as cited in this example for changing appearance of JButton by @mKorbel

import java.awt.*;
import java.awt.event.*;
import java.net.URL;
import javax.imageio.ImageIO;
import javax.swing.*;

public class ButtonDemo
{
    private JButton demoButton;
    private ImageIcon buttonImage;

    private void displayGUI()
    {
        JFrame frame = new JFrame("Button Demo Example");
        frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);

        JPanel contentPane = new JPanel();
        try
        {
            //buttonImage = new ImageIcon(ImageIO.read(
            //  getClass().getResource("/image/bulb.gif")));
            buttonImage = new ImageIcon(ImageIO.read(
                new URL("http://gagandeepbali.uk.to/"
                                + "gaganisonline/swing/downloads/"
                                + "images/bulb.gif")));             
        }
        catch(Exception e)
        {
                e.printStackTrace();
        }
        demoButton = new JButton(buttonImage);
        setExceptionalState(demoButton);
        demoButton.addMouseListener(new MouseAdapter()
        {
            @Override
            public void mouseEntered(MouseEvent me)
            {
                setNormalState(demoButton);
            }

            @Override
            public void mouseExited(MouseEvent me)
            {
                setExceptionalState(demoButton);
            }
        });

        contentPane.add(demoButton);
        frame.setContentPane(contentPane);
        frame.setSize(300, 100);
        frame.setLocationByPlatform(true);
        frame.setVisible(true);
    }

    private void setExceptionalState(JButton button)
    {
        button.setBorderPainted(false);
        button.setContentAreaFilled(false);
    }

    private void setNormalState(JButton button)
    {
        button.setBorderPainted(true);
        button.setContentAreaFilled(true);
    }

    public static void main(String[] args)
    {
        Runnable runnable = new Runnable()
        {
            @Override
            public void run()
            {
                new ButtonDemo().displayGUI();
            }
        };

        EventQueue.invokeLater(runnable);
    }
}

Answer 2

You can achieve this using setBorderPainted() and setContentAreaFilled() methods. Here is the short Demo of what you are looking for. I hope it would give you rough figure to how to achieve your task.:

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;

class CustomJButton extends JButton 
{

    public CustomJButton(String icon)
    {
        super(icon);
        /*int size = 30;
        setPreferredSize(new Dimension(size, size));*/
        addFocusListener(new ButtonFocusAdapter());
        addMouseListener(new ButtonMouseAdapter());
        setContentAreaFilled(false);
        setBorderPainted(false);
        //setFocusable(false);//Don't use this method. This would avoid the focus event on JButton
    }
    private void decorateButton()
    {
        setContentAreaFilled(true);
        setBorderPainted(true);
    }
    private void unDecorateButton()
    {
        setContentAreaFilled(false);
        setBorderPainted(false);
    }
    private class ButtonFocusAdapter extends FocusAdapter
    {
        @Override
        public void focusGained(FocusEvent evt)
        {
            decorateButton();
        }
        @Override
        public void focusLost(FocusEvent evt)
        {
            unDecorateButton();
        }
    }
    private class ButtonMouseAdapter extends MouseAdapter
    {
        @Override
        public void mouseEntered(MouseEvent evt)
        {
            decorateButton();
        }
        @Override 
        public void mouseExited(MouseEvent evt)
        {
            unDecorateButton();
        }
    }
}
public class ButtonFrame extends JFrame
{
    public void createAndShowGUI()
    {
        Container c = getContentPane();
        c.setLayout(new FlowLayout());
        for (int i = 0; i < 4 ; i++ )
        {
            CustomJButton cb = new CustomJButton("Button "+i);
            c.add(cb);
        }
        pack();
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setVisible(true);
    }
    public static void main(String st[])
    {
        SwingUtilities.invokeLater( new Runnable()
        {
            @Override
            public void run()
            {
                ButtonFrame bf = new ButtonFrame();
                bf.createAndShowGUI();
                bf.setLocationRelativeTo(null);
            }
        });
    }
}

Answer 3

You would set the default state for the button as:

button.setBorderPainted(false);

Then you would need to use a MouseListener:

on mouseEntered you would use

button.setBorderPainted(true);

and on mouse exited you would use

button.setBorderPainted(false);

Answer 4

You should check out the skinnable "Synth Look and Feel", but also be aware that Swing will be deprecated and replaced by JavaFX in the long run. If you are building a new application, you might want to consider using JavaFX which can be skinned with CSS to achieve the effect you are looking for.