CODEWITHSUNDEEP
javaswingawtjbutton
3sdmx
3sdmx

Reputation: 786

Java: using an image as a button

I would like to use an image as a button in Java, and I tried to do this:

BufferedImage buttonIcon = ImageIO.read(new File("buttonIconPath"));
button = new JButton(new ImageIcon(buttonIcon));

But this still shows the actual button behind the image, I would only like the image to function as the button, how can I do this?

Upvotes: 58

Views: 105595

Answers (9)

jzd
jzd

Reputation: 23629

Remove the border like so:

button.setBorder(BorderFactory.createEmptyBorder());

and then also the contents1:

button.setContentAreaFilled(false);

1: Taken from the solution added to the question by @3sdmx

Upvotes: 33

sunil
sunil

Reputation: 6614

I followed below steps and i could create an 'ImageButton' successfully.

  1. Create a JButton
  2. Added an action listener
  3. Set an image icon (note i have placed the info.png icon in the src\main\resources folder and loaded using class loader). The project structure is as here. Project folder structure
  4. Set an empty Border
  5. Disabled the content area filling
  6. Disabled the focusability
  7. Added to the contentPane

PFB the code that worked for me

JButton btnNewButton = new JButton("");
btnNewButton.addActionListener(new ActionListener() {
    public void actionPerformed(ActionEvent e) {
        System.out.println("Info clicked");
    }
});

String iconfilePath = this.getClass().getClassLoader().getResource("info.png").getFile();
btnNewButton.setIcon(new ImageIcon(iconfilePath));
btnNewButton.setBounds(10, 438, 39, 31);
btnNewButton.setBorder(BorderFactory.createEmptyBorder());
btnNewButton.setContentAreaFilled(false);
btnNewButton.setFocusable(false);
contentPane.add(btnNewButton);

The output button resulted from above code is as below

enter image description here

Upvotes: 0

Adham Gamal
Adham Gamal

Reputation: 795

just write this

button.setContentAreaFilled(false);

Upvotes: 1

Vladimir
Vladimir

Reputation: 11

    BufferedImage buttonIcon = ImageIO.read(new File("myImage.png"));
    button = new JButton(new ImageIcon(buttonIcon));
    button.setBorderPainted(false);
    button.setFocusPainted(false);
    button.setContentAreaFilled(false);

Upvotes: 1

unleashed
unleashed

Reputation: 331

This can be done easily in netbeans by setting the contentAreaFilled Property to False

Upvotes: 1

thotheolh
thotheolh

Reputation: 7450

A suggestion would be to set the Image as a label and add a mouse listener to the label to detect clicks.

Example:

ImageIcon icon = ...;

JLabel button = new JLabel(icon);

button.addMouseListener(new MouseAdapter() {
  @Override
  public void mouseClicked(MouseEvent e) {
     ... handle the click ...
  }
});

Upvotes: 9

camickr
camickr

Reputation: 324118

button.setBorderPainted( false );

Upvotes: 1

StanislavL
StanislavL

Reputation: 57381

buttonIcon.setBorder(new EmptyBorder(0,0,0,0));

Upvotes: 1

RRoman
RRoman

Reputation: 751

As far i know, there is no easy way of doing it, you will need to override the "paintComponent" method of the JButton class to aint your image, if you only want to display an image and behave like a button, you can add a JPanel wich draws the image (clicky) and add a MouseListener/MouseAdapter to handle the "mousePressed" event

Upvotes: 0

Related Questions