Swing Kleine Bilder in Panel einfügen

[Saliver]

Hallo Leute,

ich programmiere seit einigen Monaten mit einem Kommilitonen an unserem Schiffeversenken-Spiel.
Nun haben wir ein Problem die einzelnen Schiffsbilder als kleine Icons in das Panel an einer festgelegten Stelle einzufügen.
Würde mich wirklich sehr freuen, wenn ihr euch dazu bereit erklärt uns kurz weiterzuhelfen.

Kurz gesagt was wichtig ist: Möchte kleine Icons (haben eine feste Größe) an eine von mir festgelegte Stelle in einem Panel einfügen.

Bild:

bisheriger Code der GUI

package de.alka1de.schiffeversenken;

    import java.awt.*;
import java.awt.event.*;

import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;

import sun.tools.jar.JarImageSource;




    //Realisierung der Grafik
    class Gui extends Frame implements ActionListener {

	//Rahmen des Feldes
//    	private static  final int frame_x = 1843;
//    	private static  final int frame_y = 1525;
    	private static MenuBar menuleiste;
    	private static Menu menu1, menu2;
    	private static MenuItem item1, item2, item3;
    	//anlegen eines Bildes
    	
    	Panel playerPanel = new APanel();
    	Panel enemyPanel = new APanel();
    	
    	
    	public Gui() 
    	{	
    	    
    	    
    		//Überschrift im Rahmen
    		super("ULTIMATE SCHIFFE VERSENKEN");
    		
    
    	
    		setSize( Toolkit.getDefaultToolkit().getScreenSize());
    
     	
    		GraphicsDevice device; 
                device=GraphicsEnvironment.getLocalGraphicsEnvironment().getScreenDevices()[0]; 
                device.setFullScreenWindow(this); 
                device.setDisplayMode(new DisplayMode(1680,1050,16,0)); 
    	    		
    		//Menüleiste
    		menuleiste = new MenuBar();
    		
    		//mit den Menüpunkten Spiel und Hilfe
    		menu1 = new Menu ("Spiel");
    		
    		//Spiel hat zwei Untermenüpunkte Start (vorgesehen, aber funktioniert nicht!) und Beenden
    		item1 = new MenuItem ("Start");
    		item2 = new MenuItem ("Beenden");
    		
    		//Hilfe hat das Untermenü Spielregeln (vorgesehen, aber funktioniert nicht !)
    		menu2 = new Menu("Hilfe");
    		
    		item3 = new MenuItem ("Spielregeln");
    	
    		
    		//Action Listener wird hinzugefügt
    		item2.addActionListener(this);
    	
    			
    		addWindowListener //schließt Fenster bei Klick aufs Kreuz rechts oben
    		(
    			new WindowAdapter() 
    			{
    				public void windowClosing (WindowEvent e) 
    				{
    					System.exit(0); 
    				}
    			}
    		);

    		//Hinzufügen des Untermenüs 1 (Start) zum ersten Hauptmenü (Spiel)
    		menu1.add(item1);
    		//Hinzufügen des Untermenüs 2 (Beenden) zum ersten Hauptmenü (Spiel)
    		menu1.add(item2);

    		//Hinzufügen des Untermenüs 3 (Spielregeln) zum zweiten Hauptmenü (Hilfe)
    		menu2.add(item3);
    	
    	    //Hinzufügen der Haptmenüs Spiel und Hilfe zur Menüleiste
    		menuleiste.add(menu1);
    		menuleiste.add(menu2);
    	    
    		//Setzen der Menüleiste in den Frame
    		this.setMenuBar(menuleiste);
    	
	
    		
    	
  		//this.add(new JButton (new ImageIcon("bg_top.JPG")), BorderLayout.BEFORE_LINE_BEGINS);
    		
    		
    		this.add(playerPanel, BorderLayout.WEST);
    		this.add(new JButton(new ImageIcon("vs.jpg")), BorderLayout.CENTER);
    		this.add(enemyPanel, BorderLayout.EAST);
    		this.add(new JLabel(new ImageIcon("bg_top.png")), BorderLayout.NORTH);
    	//	this.add(new JLabel(new ImageIcon("bg_btn.gif")), BorderLayout.SOUTH);
    		
    	}



	//Updaten der Grafik
    	public void update(Graphics g) 
    	{
    		paint(g);
    	}
    	
    	//action listener, funktioniert noch nicht!
    	
    	
    	public void actionPerformed(ActionEvent e)
    	{
    		//variable
    		String action;
    		
    		//get Action
    		action = e.getActionCommand();
    		
    		//Ausführen des Befehls, der zur Aktion gehört
    		if (action.equals("Beenden"))
    		{
    			System.exit(0);
    		}
    		else if (action.equals("Start"))
    		{
    			//funktioniert noch nicht, sollte eigentlich den Spielstart ausführen
    		}
    	}
    }

Danke und Gruß,
Sali

 

[L-ectron-X]

Schreibe dir ein Model, welches ein Gitter repräsentiert und verwalte darin die Daten/Spielzüge.

 

[Saliver]

Danke, aber gibt es da noch eine einfachere Alternative?

z.B über Angaben zur X-Achse und Y-Achse?

 

[L-ectron-X]

Genau das kannst du in einem Datenmodel definieren.
Du solltest ohnehin Datenverarbeitung von der GUI trennen. Das ist Teil der OOP.

Im Model speicherst du Objekte, in denen der Spieler/Besitzer, der Schiffstyp und die Position des Schiffs gespeichert ist.
Anhand dieser Informationen kann die GUI die Schiffe und deren Positionen zeichnen.

 

[Saliver]

Ich glaube mein Wissen ist noch nicht so weit, dass ich mir das zutrauen könnte.
Kennst du zufällig ein Tutorial dafür?

 

[L-ectron-X]

Schau mal in einschlägige Einsteiger-Bücher.
z.B. Java ist auch eine Insel

Interessant daraus vielleicht auch:
Galileo Computing :: Java ist auch eine Insel (8. Auflage) – 16.15 Das Model-View-Controller-Konzept

Wenn du da nicht weiter kommst, helfen wir dir hier weiter.

 

[Marco13]

Nebenbei: Man sollte nicht AWT (Frame, MenuItem, Panel) und Swing (JButton, JLabel) mischen. Stattdessen JFrame, JMenuItem und JPanel verwenden ...

 

[Saliver]

Danke für die schnelle Hilfe.
Ich habe mich gestern über das MVC-Konzept erkundigt und muss sagen, dass es kompliziertere Ausmaßen annimmt, als wir eigentlich vorgesehen haben.


Gibt es keine einfachere Alternative?

Gruß,
Alexej

 

[L-ectron-X]

Alles andere wird früher oder später mit zunehmender Komplexität deines Programmes immer unübersichtlicher, schlechter wartbar, kaum noch wiederverwendbar und in Spaghetti-Code enden.
Ein Fiasko also. Lerne die OOP-Grundlagen, teile dein Programm in mehrere Schichten/Klassen auf, nur dann wird dein Programm den (heutigen) Anforderungen gerecht.

 

[Saliver]

Hallo Jungs,

ich habe mich nun etwas in die Materie bezüglich MVC, GridLayout-Manager und JTable eingelesen.
Jedoch ist es für mich sehr schwer dies in die Praxis umzusetzen.
Das Prinzip und die Relevanz für OOP dahinter kann ich natürlich nachvollziehen, aber wie so oft schweitert es an der Umsetzung.
Kann mir hierbei jemand in meine GUI einen GridLayout-Manager oder Raster einzubauen?

 

[Saliver]

Hallo Jungs,

ich habe mich nun etwas in die Materie bezüglich MVC, GridLayout-Manager und JTable eingelesen.
Jedoch ist es für mich sehr schwer dies in die Praxis umzusetzen.
Das Prinzip und die Relevanz für OOP dahinter kann ich natürlich nachvollziehen, aber wie so oft schweitert es an der Umsetzung.
Kann mir hierbei jemand in meine GUI einen GridLayout-Manager oder Raster einzubauen?

EDITH: Damit ihr mich nicht falsch versteht. Ein Raster habe ich bereits, ich weiß nur nicht wie ich es auf meine GUI lege um anschließend mit den Koordinaten Bilder einzugüfen.

Das Raster:

import java.awt.*; 
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

    public class Raster extends Canvas { 
        /**
	 * 
	 */
	private static final long serialVersionUID = 1L;
	public static final int IDEAL_WIDTH = 1024; 
        public static final int IDEAL_HEIGHT = 768; 

        public void paint(Graphics g) { 
            g.setColor(Color.BLACK); 
            g.fillRect(0, 0, IDEAL_WIDTH, IDEAL_HEIGHT); 
             
            // Hier wird das array erstellt
            Color values[][] = new Color[10][10]; 
            for (int i = 0; i < 10; i++){ 
                for(int j = 0; j < 10; j++) 
                    values[i][j] = Color.WHITE; 
            } 
             
            // beispielfarben für den Inhalt des Rasters
            // sonst ändert sich nichts an der Darstellung 
            values[9][9] = Color.RED; 
            values[8][8] = Color.BLUE; 
            values[7][7] = Color.GREEN;
            values[6][6] = Color.YELLOW;
            
            
             
            // ankerpunkt für das Raster 
            int x_start = 0; 
            int y_start = 20; 
            // Raster zeichnen 
            for (int i = 0; i < 10; i++) {         
                for (int j = 0; j < 10; j++) { 
                    g.setColor(values[i][j]); 
                    // Der Wert gibt die breite von dem raster an.
                    g.fillRect(x_start + i * 30, y_start + j * 30, 30, 30); 
                    // strichstärke des Rasters (y-Achse)
                    y_start += 1; 
                } 
                y_start = 20; 
                // strichstärke des rasters (x-Achse)
                x_start += 1; 
            } 
        } 

        public static void main(String args[]) { 
             
            Frame f = new Frame("test"); 
            f.add("Center", new Raster()); 
            f.setSize(IDEAL_WIDTH, IDEAL_HEIGHT); 
            f.setVisible(true); 
            f.addWindowListener(new WindowAdapter() { 
                public void windowClosing(WindowEvent e) { 
                    System.exit(0); 
                } 
            }); 
             
        } 
    }

 

[L-ectron-X]

Hast du eine Vorlage, an die man sich halten kann?

 

[Saliver]

Wie meinst du das?
Ich bin in der künstlerisch-gestalterischen Darstellung Vogelfrei!

 

[homer65]

Hier mal ein Ausschnitt aus einem Programm das ein Schachbrett darstellt. Dazu werden die einzelnen Felder als ImagePanel mit dem passenden
Bild dargestellt.

import javax.swing.*;
import java.awt.*;
public class ImagePanel extends JPanel
{
   private Image img = null;

   public ImagePanel(Image img)
   {
      this.img = img;
      Dimension dim = new Dimension(48,48);
      setSize(dim);
      setPreferredSize(dim);
      setMinimumSize(dim);
      setMaximumSize(dim);
   }

   public void paintComponent(Graphics g)
   {
      super.paintComponent(g);
      if(img != null)
      {
         g.drawImage(img,0,0,this);
      }
   }
}

Ein Link zum Bildereinlesen: Grafikdateien laden und anzeigen ? Byte-Welt Wiki