Einfache jpg-Bilder anzeigen

[babuschka]

Hallo Java-Freunde,
ich bin gerade dabei mir eine Art Schiebepuzzle (3x3) zu programmieren und will zum ersten Mal mit Swing arbeiten. Ich bin nun schon soweit, dass mein Logikteil läuft, aber die grafische Umsetzung noch nicht lauffähig ist. Folgendes Problem. Derzeit habe ich es so umgesetzt, dass ich jedes einzelne Feld durch eine Nummer (getID()) per Schriftart darstellen lassen. Ich würde das ganze gerne einfach mit einem Bild realisieren, komme hier aber ums verrecken nicht weiter.

        ...
	private static final int ROWS = 3;
        private static final int COLS = 3;
        private static final int CELL_SIZE = 50;
        private Font font;
        
        public GraphicsPanel() {
            font = new Font("Verdana", Font.BOLD, 20);
            this.setPreferredSize(new Dimension(CELL_SIZE * COLS, CELL_SIZE*ROWS));
            this.addMouseListener(this);
        }
        public void paintComponent(Graphics g) {
            super.paintComponent(g);

            // Ab hier will ich praktisch nicht mehr über Schrift arbeiten, sondern z.B ein festes Bild
            // der Größe 32x32 verwenden. Den Namen meines Feldes bekomm ich über getID(),
            // z.B. für den Wert 1, soll er das Bild "1.jpg" nehmen. Für den Wert 2, soll der Bild "2.jpg" nehmen,
            // usw.
            for (int r=0; r<ROWS; r++) {
                for (int c=0; c<COLS; c++) {
                    int x = c * CELL_SIZE;
                    int y = r * CELL_SIZE;
                    String text = puzzle.getID(r, c);
                    if (text != null) {
                        g.setColor(Color.gray);
                        g.fillRect(x+2, y+2, CELL_SIZE-4, CELL_SIZE-4);
                        g.setColor(Color.black);
                        g.setFont(font);
                        g.drawString(text, x+20, y+(3*CELL_SIZE)/4);
...

Ich hoffe ihr könnt mir weiterhelfen!

 

[Wildcard]

g.drawImage. Eingelesen wird das Bild mit ImageIO

 

[babuschka]

Werde ich mir angucken! Danke!

 

[babuschka]

Okay, wenn ich mein Bild nun mit

BufferedImage image = ImageIO.read(new File("1.jpg"));

einlesen will, bekomm ich die Fehlermeldung "Unhandled exeption type IOExecption".

Hast Du viellecht ein Beispiel da, an dem ich mich orientieren kann? Wäre super nett!

 

[L-ectron-X]

Das ist eine Aufforderung vom Compiler einer kritische Anweisung abzusichern.
Du musst die Anweisung also in einen try-catch-Block packen.

BufferedImage image = null;
try {
   image = ImageIO.read(new File("1.jpg"));
}
catch(IOException ex) {
   ex.printStackTrace();
}

 

[babuschka]

Vielen Dank. Ich habe nun meine Bilder eingelesen...

    BufferedImage image1 = null;
    BufferedImage image2 = null;
    BufferedImage image3 = null;
    BufferedImage image4 = null;
    BufferedImage image5 = null;
    BufferedImage image6 = null;
    BufferedImage image7 = null;
    BufferedImage image8 = null;
    BufferedImage image0 = null;

    {
    
    try {
       image1 = ImageIO.read(new File("1.jpg"));
       image2 = ImageIO.read(new File("2.jpg"));
       image3 = ImageIO.read(new File("3.jpg"));
       image4 = ImageIO.read(new File("4.jpg"));
       image5 = ImageIO.read(new File("5.jpg"));
       image6 = ImageIO.read(new File("6.jpg"));
       image7 = ImageIO.read(new File("7.jpg"));
       image8 = ImageIO.read(new File("8.jpg"));
       image0 = ImageIO.read(new File("0.jpg"));
    }
    catch(IOException ex) {
       ex.printStackTrace(); } }

und meinen obigen Code umgeschrieben:

        public void paintComponent(Graphics g) {
            super.paintComponent(g);
            
            for (int r=0; r<ROWS; r++) {
                for (int c=0; c<COLS; c++) {
                    int x = c * CELL_SIZE;
                    int y = r * CELL_SIZE;
                    String id = puzzle.getID(r, c); //getID() Liefert einen String ("1", "2"), etc für das jeweilige Feld.
                    System.out.println(id); // Testausgabe (läuft von 1,2...,8, 0)
                
                    	if (id == "1") g.drawImage(image1, x, y, this);
                    	else if (id == "2") g.drawImage(image2, x, y, this);
                    	else if (id == "3") g.drawImage(image3, x, y, this);
                    	else if (id == "4") g.drawImage(image4, x, y, this);
                    	else if (id == "5") g.drawImage(image5, x, y, this);
                    	else if (id == "6") g.drawImage(image6, x, y, this);
                    	else if (id == "7") g.drawImage(image7, x, y, this);
                    	else if (id == "8") g.drawImage(image8, x, y, this);
                    	else if (id == "0") g.drawImage(image0, x, y, this);
                     }
                }

Leider wird hier nur das letzte Bild, also "0.jpg" angezeigt. Die anderen Bilder werden nicht angezeigt. Was mache ich falsch? Ich stehe so kurz davor! Habt alle vielen herzlichen Dank!

 

[L-ectron-X]

String-Vergleich!

if (id.equals("1")) g.drawImage(image1, x, y, this);

 

[babuschka]

Oh man! Natürlich! Vielen herzlichen Dank! Ich muss mir echt abgewöhnen so spät noch vor der Kiste zu hocken!

VIELEN VIELEN DANK!

 

[Zed]

Noch ein Vorschlag

Map<Integer,BufferedImage> imgMap= new HashMap<Integer,BufferedImage>();

for(int i=0; i <= 8; i++ ){
BufferedImage image = ImageIO.read(new File( i + ".jpg" )); 
imgMap.put(i,image);

}


public void paintComponent(Graphics g) {
            super.paintComponent(g);
           
            for (int r=0; r<ROWS; r++) {
                for (int c=0; c<COLS; c++) {
                    int x = c * CELL_SIZE;
                    int y = r * CELL_SIZE;
                    String id = puzzle.getID(r, c); //getID() Liefert einen String ("1", "2"), etc für das jeweilige Feld.
                    System.out.println(id); // Testausgabe (läuft von 1,2...,8, 0)
                    g.drawImage( imgMap.get(r) , x , y, this);
                }

Die forSchleife ist noch nicht optimal besser wäre es durch den Inhalt der Dateien des Ordners zu Iterieren.