JPanel in JLayeredPane

[Gästilein]

Hallo,

ich hab erst kürzlich mit Java angefangen und bin jetzt bei grafischen Oberflächen gelandet...Nun will ich einen Hintergrund erstellen und da ein oder zwei Buttons drauf tun, aber anscheinend geht das nicht so wie ich mir das vorstelle ^^.

import javax.swing.*;
import java.awt.*;
public class image extends JFrame
{
	image(){
		setVisible(true);
		setSize(300,100);
		
		JLayeredPane test = new JLayeredPane();
		
		JButton b1 = new JButton("eins");
		b1.setVisible(true);
		b1.setSize(100, 33);
		test.add(b1,1);
		JButton b2 = new JButton("zwei");
		b2.setVisible(true);
		b2.setSize(100, 33);
		b2.setLocation(10,10);
		test.add(b2,0);
		JPanel jp = new JPanel();
		jp.setPreferredSize(new Dimension(100,100));
		jp.setVisible(true);
		jp.setBackground(Color.red);
		test.add(jp, 3);
		
		add(test);
	}
	
	public static void main(String args[])
	{
		image eins = new image();
	}
}

Falls das so nicht gehen sollte, gibt es dann noch eine "einfachere" Möglichkeit?

 

[eRaaaa]

ich hab erst kürzlich mit Java angefangen und bin jetzt bei grafischen Oberflächen gelandet

Besser nochmal die Grundlagen wiederholen 🙂

Versuchs mal mit

getContentPane().setBackground(Color.RED);

setVisible(true); am Besten immer zuletzt aufrufen, aber am Besten fängt man erst gar nicht damit an den Code zu kontrollieren ^^

 

[Gästilein]

hmmm, so schlecht? Mist ^^

Bisher bin ich weil es ja (zumindest hat es für mich den Anschein) eine Vielzahl von Möglichkeiten gibt Fenster zu erstellen noch nicht in Theorie klargekommen und dachte vielleicht wird das dann in der Praxis klarer aber anscheinend wohl nicht ^^

Was ist denn die "einfachste" Möglichkeit ein einfaches Fenster mit Hintergrund (eigentlich gehts sogar um ein Hintergrundbild und nicht nur um eine Farbe) mit einem Button darauf zu erstellen, damit ich mich jetzt nicht aus Versehen direkt am Anfang in die schwierigsten Sachen reinprogrammieren muss?
Das mit dem Hintergrund zb. hab ich bisher über die paint()-Methode gemacht, aber irgendwie wirkt das auf mich recht umständlich.

Das mit dem getContentPane() hab ich schon mal gesehen und dann im Ausprobieren gesehen dass das keinen Effekt auf Buttons hat und dann einfach ignoriert, tschuldigung dass das falsch war ^^.

 

[eRaaaa]

Das mit dem Hintergrund zb. hab ich bisher über die paint()-Methode gemacht, aber irgendwie wirkt das auf mich recht umständlich.

In Swing überschreibt man generell eher paintComponent des JPanels/JComponent nicht paint.
Aber ja, so kannst du dein Hintergrundbild erstellen, umständlich ist da eig. nichts 🙂

Und nein, so schlimm war dein Code jetzt auch wieder nicht, aber Klassen schreibt man beispielsweise groß, setVisibles bei den Buttons sind teilweise unnötig und ob du den LayredPane hier wirklich brauchst/willst ?! 🙂

 

[Gästilein]

Was ist denn die Alternative zum LayeredPane? ^^

Zuerst hatte ich da was versucht mit paint von JFrame und bei JPanel überschreiben im Sinne von g.drawImage(...) aber dann war da kein Button mehr deswegen dachte ich dann mit LayeredPane kann man da Z-Index-mäßig irgendwas machen, dass man einen Button höher legt als das Hintergrundbild, aber naja, hier fehlt dann ja das Hintergrundbild :/.

Bin jetzt leider nicht am "Eclipsecomputer", werde also erst morgen weiter rumprobieren, aber muss ich dann irgendwas bei paintComponent beachten oder hast du eine Empfehlung, welche Komponenten für so etwas einfaches verwenden sollte? 🙂

(btw. dass zb. "image" klein geschrieben wird liegt nur da dran dass ich den ganzen Abend hier dran sitze und so was einfaches noch nicht mal hinbekomme und langsam keine Lust mehr hab ^^)

 

[Gast2]

Hier mal nen kleines Beispiel:

public class Main {

	/**
	 * @param args
	 */
	public static void main(String[] args) {
		JFrame frame = new JFrame("Background example");
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		
		JPanel panel = new BackgroundPanel();
		panel.setLayout(new BorderLayout());
		panel.add(new JButton("Test"), BorderLayout.SOUTH);
		
		frame.setContentPane(panel);
		frame.pack();
		frame.setSize(400, 400);
		frame.setVisible(true);
	}
}
	
class BackgroundPanel extends JPanel {
	@Override
	protected void paintComponent(Graphics g) {
		super.paintComponent(g);
		
		g.setColor(Color.RED);
		g.fillRect(10, 10, getWidth()-20, getHeight()-20);
		
		g.setColor(Color.BLUE);
		g.fill3DRect(50, 50, getWidth()-100, getHeight()-100, false);
	}
}

 

[André Uhres]

Hallo Gästilein,

der einfachste Weg, ein Bild in Originalgröße auf ein Fenster zu malen, besteht darin, das Bild zu einem JLabel hinzufügen und dieses dann dem Fenster hinzufügen. Ob es einen besseren Weg gibt, hängt von deinen Anforderungen ab. Der Code für diesen einfachen Ansatz wäre so etwas wie:

JLabel contentPane = new JLabel();
contentPane.setIcon(backgroundImage);
contentPane.setLayout(new BorderLayout());
frame.setContentPane(contentPane);

Warum funktioniert das? Nun, erinnere dich mal daran, dass alle Swing-Komponenten die Klasse "Container" erweitern, so dass wir untergeordnete Komponenten hinzufügen können. Jedoch standardmäßig verwendet ein JLabel ein Null-Layout, so dass die Komponenten nicht angezeigt werden. Durch die Verwendung eines BorderLayout im JLabel bekommt dieses eine Panel-Funktion und kann als Content-Bereich verwendet werden.

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

public class ImageDemo {

    ImageDemo() {
        JFrame frame = new JFrame();
        //beendet das Programm, wenn das Fenster geschlossen wird:
        frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        frame.setSize(300, 100);
        //Fenster zentrieren
        frame.setLocationRelativeTo(null);
        //Bild laden:
        ImageIcon backgroundImage = new ImageIcon(getClass().getResource("/pics/Brett3.jpg"));
        //als Hintergrundbild setzen;
        JLabel contentPane = new JLabel();
        contentPane.setIcon(backgroundImage);
        contentPane.setLayout(new BorderLayout());
        frame.setContentPane(contentPane);
        //
        JPanel controls = new JPanel();
        controls.setOpaque(false);//JPanel durchsichtig machen
        JButton b1 = new JButton("eins");
        b1.setPreferredSize(new Dimension(100, 33));
        controls.add(b1);
        JButton b2 = new JButton("zwei");
        b2.setPreferredSize(b1.getPreferredSize());//Buttons gleich groß machen
        controls.add(b2);
        contentPane.add(controls, BorderLayout.PAGE_END);
        frame.setVisible(true);
    }

    public static void main(final String args[]) {
        Runnable gui = new Runnable() {

            public void run() {
                ImageDemo imageDemo = new ImageDemo();
            }
        };
        //jede GUI muss auf dem EventDispatchThread gestartet werden:
        SwingUtilities.invokeLater(gui);
    }
}

Gruß,
André

 

[Gästilein]

Ok, hab jetzt beide Beispiele mal nachgebaut und endlich funktioniert das!

Eine Frage noch: Was heißt denn das @Override vor paintComponent ? ^^

Trotzdem schon mal danke an alle 🙂

 

[André Uhres]

Die "@Override" Anmerkung informiert den Compiler, dass die Methode als Überschreibung einer Methode in einer Superklasse gedacht ist. Obwohl es nicht erforderlich ist, diese Anmerkung beim Überschreiben einer Methode zu verwenden, hilft sie uns, Fehler zu vermeiden. Wenn eine Methode, die mit "@Override" gekennzeichnet ist, keine Methode in einer der Oberklasseen korrekt überschreibt, erzeugt der Compiler einen Fehler.

Gruß,
André