Background image on GUI

OBLITERATOR · #1 (**permalink**) 04-03-2010, 10:35 PM

Hello all, i've just started java and i'm really not good at it, i've read about JPanel JFrame and the different layouts I can use and I still can't get my head round to setting an image as background with two simple buttons on top, I've tried every single combination I could think and have googled for ages, nothing seems to work... here is my code:

Java Code

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

class Intro implements Runnable
{
public static void main(String[] args)
{
Intro program = new Intro();
SwingUtilities.invokeLater(program);
}
public void run()
{
JFrame inicio = new JFrame("Videogame");
inicio.setLayout(new BorderLayout());
JPanel bt = new JPanel();
ImageIcon image = new ImageIcon("image.jpg");
bt.add(new JButton("START"));
bt.add(new JButton("QUIT"));
inicio.add(new JLabel(image));
inicio.add(bt, BorderLayout.SOUTH);
inicio.setDefaultCloseOperation(inicio.EXIT_ON_CLOSE);
inicio.setSize(800,600);
inicio.setLocationByPlatform(true);
inicio.setVisible(true);
}
}

any ideas? what happens is that the BorderLayout.SOUTH makes a huge white space next to the buttons and "over-rides" the image... is there a simpler way to do this or is there a way to make the SOUTH border translucent or similar?

Thanks!

copeg · #2 (**permalink**) 05-03-2010, 12:19 AM

There are a few ways you can do this.

One way is to use an OverlayLayout: 1) create a JPanel and set its layout to OverlayLayout 2) add the ImageIcon to another newly created JPanel and add this to the panel created in step 1 3) create another JPanel and add your buttons there, add this JPanel to the JPanel created in step 1 4) add the JPanel created in step 1 to the JFrame.

Another way is to override the paintComponent method of the JPanel, load the image as an Image object, and then draw the image at the position you wish.

Both ways may require a bit of fiddling to position your buttons in the correct position.

For future reference, using the code tags to place your code into a post make your code a lot more readable for those of us trying to diagnose the problem.

OBLITERATOR · #3 (**permalink**) 05-03-2010, 12:32 AM

Thank you! I hope that edit makes it look better although I should have indented it more!!!

I will try tomorrow and see what happens!

OBLITERATOR · #4 (**permalink**) 05-03-2010, 04:10 PM

Java Code

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

class Intro implements Runnable
{
public static void main(String[] args)
{
Intro program = new Intro();
SwingUtilities.invokeLater(program);
}
public void run()
{
JFrame inicio = new JFrame("Videogame");
inicio.setDefaultCloseOperation(inicio.EXIT_ON_CLOSE);
inicio.setSize(800,600);
inicio.setLocationByPlatform(true);
inicio.setVisible(true);

JPanel bt = new JPanel();
bt.add(new JButton("START"));
bt.add(new JButton("QUIT"));

JPanel over = new JPanel();
LayoutManager overlay = new OverlayLayout(over);
over.setLayout(overlay);

JPanel imagen = new JPanel();
ImageIcon image = new ImageIcon("image.jpg");
imagen.add(new JLabel(image));

over.add(imagen);
over.add(bt);
inicio.add(over);
}
}

I hope my code is clearer now!!

It works fine except the second (QUIT) button takes a while to load and I don't understand why... any ideas? Sorry for the bother!

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
JButton set background problem	ellias2007	AWT / Java Swing	1	25-02-2010 04:15 AM
Array to image	oxxxis	Collections and Generics	1	19-01-2010 10:46 PM
Pixel Alteration in an image/image rotation	bguy	Java Theory & Questions	3	01-11-2009 02:50 PM
RGB - YUV - awt.Image	BharatT	AWT / Java Swing	0	24-02-2009 09:10 AM
How to Import an Image in JSP?	jazz2k8	JavaServer Pages: JSP & JSTL	4	12-05-2008 10:55 AM