Bilder in jFrame einfügen

[FranzFerdinand]

Hallihallöle,

ich beschäftige mich gerade mit graphischen Oberflächen in Java, mein absoluter Erzfeind, da ich eigentlich sonst immer ohne Oberfläche mit Konsole arbeite.

Es scheitert nun leider am Einfügen von Bildern.

Also, ich habe ein JFrame, in welches ich Elemente einfügen möchte.
So sieht es aus:

package spiel;

import java.awt.Container;
import java.awt.Dimension;
import java.awt.Toolkit;
import java.util.ArrayList;
import java.util.List;

import javax.swing.JFrame;
import javax.swing.JOptionPane;
import javax.swing.WindowConstants;

public class CafeMain extends JFrame{
	
	protected static String spielname = "Café International";
	
	public CafeMain() {
		super(spielname);
		int frameWidth = 600;
	    int frameHeight = 600;
	    setSize(frameWidth, frameHeight);
	    Dimension d = Toolkit.getDefaultToolkit().getScreenSize();
	    int x = (d.width - getSize().width) / 2;
	    int y = (d.height - getSize().height) / 2;
	    setLocation(x, y);
	    setResizable(false);
	    setLocationRelativeTo(null);
	    Container cp = getContentPane();
	    cp.setLayout(null);
	    setVisible(true);
	    setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
	}

	public static void main(String[] args) {
		new CafeMain();
	}

}

Ein ganz normaler JFrame mit 600 mal 600 Pixel Größe.

Ich würde nun gerne ein einfaches Bild einfügen, welches im Verzeichnis liegt.
Hierbei ist zu beachten, es handelt sich um ein Kartenspiel mit den Eigenschaften Farbe und Zahl.
Ergo liegen im Verzeichnis zahlreiche Bilder herum nach folgendem Format:

karte_KARO_7.jpg
karte_HERZ_2.jpg
karte_KREUZ_B.jpg //B wie Bube

Ich habe eine Klasse Spielkarte, in welcher diese Eigenschaften abgespeichert sind.
eine neue Spielkarte wird mit

new Spielkarte();

generiert.
Die Eigenschaften der Spielkarte kann man ganz leicht mit gettern ablesen.
Also beispielsweise so:

karte1.getFarbe();
karte7.getNummer();

Die Kartendateien liegen alle in demselben Verzeichnis wie die Hauptklasse.
Ich würde nun gerne abhängig von dieser Eigenschaft, die dort gegeben ist wissen, wie ich die Spielkartendatei bestimme und diese in den JFrame einfüge.

Beispielsweise an der Stelle:

setBounds(20,20,60,200);

Vielen Dank und liebe Grüße
Lukas

 

[Foxei]

Hallo Lukas,
Also ich löse so etwas mit einer Resources Klasse die alle Bilder beinhaltet. So kannst du im späteren Verlauf die Bilder ganz einfach mit Resources.getImage("bild.png"); aufrufen.
Resources

package de.vg.simonschaefer.resources;

import java.awt.Image;
import java.io.File;
import java.io.IOException;
import java.util.HashMap;

import javax.imageio.ImageIO;
import javax.swing.SwingUtilities;

import de.vg.simonschaefer.Debug;
import de.vg.simonschaefer.Main;
import de.vg.simonschaefer.gui.VFrame;

public class Resources {
	private static HashMap<String, Object> resources = new HashMap<String, Object>();
	public Resources(){
		Debug.Log("Load Resources");
		new Thread(new Runnable() {
			@Override
			public void run() {
				File file=new File("./resources/img");
				for(File f:file.listFiles()){
					if(f.getName().endsWith(".png"))
						loadImage(f.getName());
				}
				SwingUtilities.invokeLater(new Runnable() {
					
					@Override
					public void run() {
						//Frame starten
					}
				});
			}
		}).start();
	}
	
	private void loadImage(String filePath){
		File file = new File("./resources/img/"+filePath);
		Image img;
		if(file.exists()){
			try {
				img=ImageIO.read(file);
				resources.put(filePath, img);
				Debug.Log("Image \""+filePath+"\" successful created ");
				
			} catch (IOException e) {
				Debug.Err("Image \""+filePath+"\" error while create \nCaused by: "+e.getCause());
			}
		}else{
			Debug.Err("Image \""+filePath+"\" error while create \nCaused by: Resources-File not exist");
		}
	}
	
	public static Image getImage(String name){
		if(resources.containsKey(name)){
			try{
				Image img =(Image)resources.get(name);
				return img;
			}catch(Exception e){
				Debug.Err("Image \""+name+"\" error while loading \nCaused by: Resources is not a Image");
				return null;
			}
		}else{
			Debug.Err("Image \""+name+"\" error while loading \nCaused by: Resources not found");
			return null;
		}
			
	}
}

Um ein Bild auf eine JComponent zu zeichnen musst du ganz einfach die paintComponent überschreiben. z.b. schreibst du einen JCompoent dem du via Setter ein Bild zuweist und dann diese auf die gesamt Größe des Component streckst. Dieser Compoennt verhält sich dan genauso wie jedes JLabel o.a JComponenten.
SpielkartenComponent

import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Image;
import java.awt.RenderingHints;

import javax.swing.JComponent;


public class SpielkartenComponent extends JComponent{
	private Image img;
	public SpielkartenComponent(Image img) {
		this.img=img;
	}
	@Override
	protected void paintComponent(Graphics g) {
		if(getImg()!=null){
			Graphics2D g2d=(Graphics2D) g;
			g2d.setRenderingHint(RenderingHints.KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY);
			g2d.drawImage(getImg(), 0, 0, getWidth(),getHeight(),this);
		}
	}
	public Image getImg() {
		return img;
	}
	public void setImg(Image img) {
		this.img = img;
	}
}

 

[FranzFerdinand]

Hallöle und vielen Dank für Deine nette Antwort,

scheint mir sehr umfangreich und wissend. Leider ist bei mir gerade der Punkt erreicht, wo ich das nur ein wenig mit einem "Hä" quittieren kann.
ich kann das gerade überhaupt nicht nachvollziehen, dafür reicht mein Javaverständnis wohl einfach nicht aus.

Könntest Du mir bitte noch einmal langsam und für einen Laien erklären, wie ich daraus jetzt ein Bild erstelle?


Vielen Dank
Lukas

 

[Foxei]

Zu tippen wie das alles Funktioniert wäre etwas lang ich bin aber bereit dir alles in Skype zu erklären foxei1996