How to make an imageicon to be resized to fit the button

Question

Hi all,
I am working on this problem, which has a JButton, Image and Text all one above another . The graphic here is a rectangular box.
The application works fine for an 800 X 600 resolution, but when the resolution is changed to 1024 X 728, only the Jbutton and the text are getting bigger(logic already present), but not the graphical icon which sits on top of the button.
So I tried to scale the image and then redraw it using the drawImage() of the graphics object. But it wouldnt show up, so i set the Opaque property to false for the Jbutton, to make the image visible. Then the image showed up as wanted, but when a mouse click event occurs on that button,the button is not getting highlighted and some weird behaivour happens.
If anyone can throw some light on this, i would greatly appreciate it.
Thanks in advance

Answer 1

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class ImageOnButton extends JFrame { 
public ImageOnButton() {   
  ImageIcon icon = new ImageIcon("SndImage.jpg");
    JPanel content = (JPanel)getContentPane();
    content.setLayout(new FlowLayout());
    JButton myButton = new MyButton("I am Button",icon.getImage());
    content.add(myButton);
    this.setDefaultCloseOperation(this.EXIT_ON_CLOSE);
public static void main(String[] args) {
    ImageOnButton test = new ImageOnButton();
    test.setSize(200,200);
    test.show();
  class MyButton extends JButton {
    Image image;
    public MyButton(String Text, Image Image) {
      super(Text);
      setOpaque(false);
      image=Image;
    public void paint(Graphics g) {
      g.drawImage(image, 0,0, getWidth(), getHeight(), this);
      super.paint(g);
}