Background for JButton

Question

Hi all I am doing design a background for JButton and also doing design a metal look and place this as
backgroung rather than using the plain colours eg black, red.
I dont want to use setIcon because I would like to place an Icon on top eg an arrow for previous or next..
Here is my sample code:
import java.awt.*;
import javax.swing.*;
public class JImageButton extends JButton
Image backgroundImage;
public JImageButton()
super();
public JImageButton( Action a )
super( a );
public JImageButton( Icon icon )
super( icon );
public JImageButton( String text )
super( text );
public JImageButton( String text, Icon icon )
super( text, icon );
public void setBackgroundImage( Image image )
MediaTracker mt = new MediaTracker( this );
mt.addImage( image, 0 );
try
mt.waitForAll();
backgroundImage = image;
catch( InterruptedException x )
System.err.println(
"Specified background image could not be loaded." );
public void paintComponent( Graphics g )
super.paintComponent( g );
Color saved = g.getColor();
g.setColor( getBackground() );
g.fillRect( 0, 0, getWidth(), getHeight() );
g.setColor( saved );
if( backgroundImage != null )
int imageX = ( getWidth() - backgroundImage.getWidth( this ) ) / 2;
int imageY = ( getHeight() - backgroundImage.getHeight( this ) ) / 2;
g.drawImage( backgroundImage, imageX, imageY, this );
if( !getText().equals( "" ) )
g.drawString( super.getText(), getWidth() / 2, getHeight() / 2 );
if( getIcon() != null )
Icon icon = getIcon();
icon.paintIcon( this, g, 10, 10 );
public Dimension getpreferredSize()
Dimension oldSize = super.getPreferredSize();
Dimension newSize = new Dimension();
Dimension returnSize = new Dimension();
if( backgroundImage != null )
newSize.width = backgroundImage.getWidth( this ) + 1;
newSize.height = backgroundImage.getHeight( this ) + 1;
if( oldSize.height > newSize.height )
returnSize.height = oldSize.height;
else
returnSize.height = newSize.height;
if( oldSize.width > newSize.width )
returnSize.width = oldSize.width;
else
returnSize.width = newSize.width;
return( returnSize );
And here's a tester to show how it works...
code:
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class JImageButtonTest extends JFrame
JButton jb1, jb2;
JImageButton jib1, jib2, jib3;
Image backgroundImage;
ImageIcon icon;
public JImageButtonTest()
super( "Test for JImageButton" );
Toolkit tk = Toolkit.getDefaulttoolkit();
// Replace "someImage" and "anotherImage" with your own
// images...
backgroundImage = tk.getImage( "someImage.gif" );
Image iconImage = tk.getImage( "anotherImage.gif" );
icon = new ImageIcon( iconImage );
jib1 = new JImageButton( "Button 1" );
jib2 = new JImageButton( "Button 2" );
jib3 = new JImageButton( "Button 3", icon );
jib2.setBackgroundImage( backgroundImage );
jib3.setBackgroundImage( backgroundImage );
jb1 = new JButton( "JButton 1" );
jb2 = new JButton( "JButton 2", icon );
JPanel p1 = new JPanel();
p1.add( jib1 );
p1.add( jib2 );
p1.add( jib3 );
JPanel p2 = new JPanel();
p2.add( jb1 );
p2.add( jb2 );
getContentPane().add( p1, BorderLayout.SOUTH );
getContentPane().add( p2, BorderLayout.NORTH );
public static void main( String[] args )
JImageButtonTest jibt = new JImageButtonTest();
jibt.addWindowListener( new ExitHandler() );
jibt.pack();
jibt.setVisible( true );
class ExitHandler extends WindowAdapter
public void windowClosing( WindowEvent e )
System.exit( 0 );

Answer 1

Hi noamt3,
Please look this my test case's below it's working fine here.
import java.awt.*;
import javax.swing.*;
public class JImageButton extends JButton
Image backgroundImage;
public JImageButton()
super();
public JImageButton( Action a )
super( a );
public JImageButton( Icon icon )
super( icon );
public JImageButton( String text )
super( text );
public JImageButton( String text, Icon icon )
super( text, icon );
public void setBackgroundImage( Image image )
MediaTracker mt = new MediaTracker( this );
mt.addImage( image, 0 );
try
mt.waitForAll();
backgroundImage = image;
catch( InterruptedException x )
System.err.println(
"Specified background image could not be loaded." );
public void paintComponent( Graphics g )
super.paintComponent( g );
Color saved = g.getColor();
g.setColor( getBackground() );
g.fillRect( 0, 0, getWidth(), getHeight() );
g.setColor( saved );
if( backgroundImage != null )
int imageX = ( getWidth() - backgroundImage.getWidth( this ) ) / 2;
int imageY = ( getHeight() - backgroundImage.getHeight( this ) ) / 2;
g.drawImage( backgroundImage, imageX, imageY, this );
if( !getText().equals( "" ) )
g.drawString( super.getText(), getWidth() / 2, getHeight() / 2 );
if( getIcon() != null )
Icon icon = getIcon();
icon.paintIcon( this, g, 10, 10 );
public Dimension getPreferredSize()
Dimension oldSize = super.getPreferredSize();
Dimension newSize = new Dimension();
Dimension returnSize = new Dimension();
if( backgroundImage != null )
newSize.width = backgroundImage.getWidth( this ) + 1;
newSize.height = backgroundImage.getHeight( this ) + 1;
if( oldSize.height > newSize.height )
returnSize.height = oldSize.height;
else
returnSize.height = newSize.height;
if( oldSize.width > newSize.width )
returnSize.width = oldSize.width;
else
returnSize.width = newSize.width;
return( returnSize );
Here tester testcase:
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class JImageButtonTest extends JFrame
JButton jb1, jb2;
JImageButton jib1, jib2, jib3;
Image backgroundImage;
ImageIcon icon;
public JImageButtonTest()
super( "Test for JImageButton" );
Toolkit tk = Toolkit.getDefaultToolkit();
// Replace "someImage" and "anotherImage" with your own
// images...
backgroundImage = tk.getImage( "someImage.gif" );
Image iconImage = tk.getImage( "anotherImage.gif" );
icon = new ImageIcon( iconImage );
jib1 = new JImageButton( "Button 1" );
jib2 = new JImageButton( "Button 2" );
jib3 = new JImageButton( "Button 3", icon );
jib2.setBackgroundImage( backgroundImage );
jib3.setBackgroundImage( backgroundImage );
jb1 = new JButton( "JButton 1" );
jb2 = new JButton( "JButton 2", icon );
JPanel p1 = new JPanel();
p1.add( jib1 );
p1.add( jib2 );
p1.add( jib3 );
JPanel p2 = new JPanel();
p2.add( jb1 );
p2.add( jb2 );
getContentPane().add( p1, BorderLayout.SOUTH );
getContentPane().add( p2, BorderLayout.NORTH );
public static void main( String[] args )
JImageButtonTest jibt = new JImageButtonTest();
jibt.addWindowListener( new ExitHandler() );
jibt.pack();
jibt.setVisible( true );
class ExitHandler extends WindowAdapter
public void windowClosing( WindowEvent e )
System.exit( 0 );
I hope this will help you out.
Regards,
Tirumalarao
Developer Technical Support,
Sun Microsystems,
http://www.sun.com/developers/support.