Zwei Images auf einem JFrame - Aber nur eins wird angezeigt!

[Zitrus]

Hallo Leute 😉
Zuerstmal mein Code:

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.FlowLayout;
import java.awt.Graphics;
import java.awt.GridBagLayout;
import java.awt.Image;
import java.awt.event.KeyEvent;
import java.awt.event.KeyListener;
import java.io.IOException;

import javax.imageio.ImageIO;
import javax.swing.ImageIcon;
import javax.swing.JComponent;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class Fenster extends JFrame {
	public Fenster() {
		setTitle("SuperBoy");
		Hintergrund back = new Hintergrund();
		Figur mario = new Figur();
		setBackground(Color.WHITE);
		setResizable(true);
		setSize(500, 329);
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		setLocationRelativeTo(null);
		setLayout(new BorderLayout());
		add(mario);
		add(back);
		setVisible(true);
	}

	public static void main(String[] args) {
		Fenster fenster = new Fenster();
	}

	class Figur extends JComponent implements KeyListener {
		int x, y, width, height;
		Image figur;

		public Figur() {
			loadImage();
			x = 50;
			y = 150;
			width = 20;
			height = 10;
			addKeyListener(this);
			setFocusable(true);
			requestFocus();
		}

		public void loadImage() {
			ImageIcon iid;

			try {
				iid = new ImageIcon(ImageIO.read(getClass().getResource(
						"images/figur.png")));
				figur = iid.getImage();
			} catch (IOException e) {
				System.out.println("Fehler" + e.toString());
			}
		}

		@Override
		public void paintComponent(Graphics g) {
			super.paintComponent(g);
			g.drawImage(figur, x, y, this);
		}

		public void keyTyped(KeyEvent e) {
		}

		public void keyPressed(KeyEvent e) {
			if (e.getKeyCode() == KeyEvent.VK_W) {
				y -= 3;
				repaint();
			} else if (e.getKeyCode() == KeyEvent.VK_S) {
				y += 3;
				repaint();
			} else if (e.getKeyCode() == KeyEvent.VK_D) {
				x += 3;
				repaint();
			} else if (e.getKeyCode() == KeyEvent.VK_A) {
				x -= 3;
				repaint();
			} else if (e.getKeyCode() == KeyEvent.VK_SPACE) {
				y -= 20;
				repaint();
			}
		}

		public void keyReleased(KeyEvent e) {
			if (e.getKeyCode() == KeyEvent.VK_SPACE) {
				y += 20;
				repaint();
			}
		}
	}

	class Hintergrund extends JComponent {
		int x, y, width, height;
		Image bild;

		public Hintergrund() {
			loadImage();
			x = 0;
			y = 0;
			width = 0;
			height = 0;
		}

		public void loadImage() {
			ImageIcon iid;

			try {
				iid = new ImageIcon(ImageIO.read(getClass().getResource(
						"images/overworld_bg.png")));
				bild = iid.getImage();
			} catch (IOException e) {
				System.out.println("Fehler" + e.toString());
			}
		}

		@Override
		public void paintComponent(Graphics g) {
			super.paintComponent(g);
			g.drawImage(bild, x, y, this);
		}
	}
}

So ich habe das hier jetzt so gemacht, dass ich einmal den Hintergrund und einemal die Figur initialisiere. Jedoch wird bei mir immer nur die Figur ODER der Hintergrund angezeigt.. Wie bekomme ich es hin das Mario auf dem Hintergrund rumspringen kann? 😀

Mit freundlichen Grüßen
xZitrus

 

[Java20134]

Du musst in deiner Klasse Fenster noch die Methode

public void paint(Graphics g){}

hinzufügen und in dieser Methode musst du immer von dem Objekt die paintComponent-Methode aufrufen. Als kleiner Tipp: Benutze statt ImageIcon lieber das BufferedImage.

 

[Zitrus]

public class Fenster extends JFrame {
	Figur mario;
	Hintergrund back;
	
	public Fenster() {
		setTitle("SuperBoy");
		back = new Hintergrund();
		mario = new Figur();
		setBackground(Color.WHITE);
		setResizable(true);
		setSize(500, 329);
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		setLocationRelativeTo(null);
		add(mario);
		add(back);
		setVisible(true);
	}
	
	public void paint(Graphics g){
	    mario.paintComponent(g);
	    back.paintComponent(g);	    
	}

Jetzt kann ich Mario immernoch nicht sehen, nur wenn ich das Fenster vergrößere/verkleinere sieht man ihn kurz durchschimmern..

 

[Java20134]

vertausche mal den Hintergrund mit Mario:

back.paintComponent(g);
mario.paintComponent(g);

Als kleiner Tipp: das BufferedImage ist schöner.

 

[Harry Kane]

Der eigentliche Grund dafür daß nur der HIntergrund oder nur Mario zu sehen ist, ist folgender:
das content Pane eines JFrame hat standardmäßig ein BorderLayout. Container mit diesem LayoutManager können 5 Components aufnehmen, im Zentrum oder an einem der Ränder. Werden Components mit der add-Methode hinzugefügt, geschieht das standardmäßig im Zentrum. Wird die add-methode zweimal aufgerufen, überschreibt die 2. Komponente quasi die 1.
Das überschreiben der paint-Methode von JFrame ist keine gute Idee und wird früher oder später zu Problemen führen.
Aktuell hast du zwei Klassen, die jeweils JComponent erweitern, und das ganze nur, um zwei Bilder zu zeichnen.
Ich würde Figur nicht von JComponent erben lassen, sondern sie einfach als Oberklasse von "Figuren" ansehen und mit einer draw(Graphics g) Methode ausstatten, in der dann irgendwas (z. B. ein Image) gezeichnet wird. Ausserdem muss jede Figur natürlich ihre Position speichern können.
Die "Hintergrund"-Klasse würde ich (wenn es wirklich deutsch sein muss) in "Spielflaeche" umbenennen und sie so programmieren, daß sie sowohl über ein Hintergrundbild als auch über mehrere Figuren verfügt (die z. B. in einer List<Figur> gespeichert werden können). In der paintComponent(Graphics g) Methode von Spielflaeche müsstest du dann das Hintergrundbild zeichnen und dann die draw-Methode von allen Figuren aufrufen.

 

[Zitrus]

Also soll ich eine abstrakte Klasse Figur mit der draw-methode erstellen und dann die Klasse Mario von dieser erben lassen? Dann noch eine Klasse Spielfläche in der ich Mario's draw-methode aufrufe? Oder hab ich das falsch verstanden?