Painting an image on a button

[Andy Joness]

I've created a class which paints an image on a button, working fine. However when I set the boundaries of the button so the size/position changes, the image gets stretched and basically looks messed up. I've tried calling repaint() but to no avail. Is there some way I can fix this? Cheers

[Stephan van Hulst]

Can you show us some of your code?

[Andy Joness]

The class that paints the image

 
    Image background;
  
    String image;

    public PaintButton(String image) {
        try {
            background = ImageIO.read(new java.net.URL(getClass().getResource("Images/"), image));
        } catch (Exception e) { /*handled in paintComponent()*/

        }
    }


    @Override
    protected void paintComponent(Graphics paint) {
        super.paintComponent(paint);
  
        if (background != null) {
          
            paint.drawImage(background, 0, 0, this.getWidth(), this.getHeight(), this);
        }
    }

Then I set the bounds and try to repaint, but the image doesn't get repainted with the new dimensions.

btnLevel1.setBounds(0, 0, (int)(pnlLevels.getWidth() * 0.807), (int)(pnlLevels.getHeight() * 0.71));
btnLevel1.repaint();

[Stephan van Hulst]

I'm afraid you're contradicting yourself. In your first post you said the images stretches, which is what you would expect when the button resizes. In your last post you say the image doesn't get repainted with the new dimensions.

What's the problem, and how do you want it to behave?

[Andy Joness]

I want the image to scale according to the component size rather than become distorted.

E.g. I have an image 200x200px
If I create a new button that is 200x200 and paint the image, it looks fine.
If I create a new button that is 100x100 and paint the image, it looks fine and the image scales down.
If I create a new button that is 100x100, then resize that button using setBounds to 200x200, the image doesn't scale, it stretches and looks bad. I need a way of repainting that image on the resized button.

[Stephan van Hulst]

I'm sorry, I can't replicate your problem. Please post an SSCCE demonstrating what you mean, please include the image you are using.

[Darryl Burke]

If you want the image to scale in a colinear fashion, you have to compute the new height and width.

By the way, there's absolutely no need to siubclass JButton and override paintComponent just to draw an image. You can set an Icon to a JButton instead. The icon's paintIcon can take care of the scaling, and if the size of the button is independent of its preferredSize, the icon can return 0 for its width and height.