Neue Benutzeroberfläche einfügen?

[Cygan]

Hallo! Ich hab vor kurzem wegen des Hintergrundbildes für mein Programm nachgefragt und konnte anschließend ein Hintergrundbild einfügen. Nun aber zu meinem nächsten Problem.

Ich habe ein JFrame mit einem JPanel, in das ein Hintergrundbild eingefügt ist.
Zusätzlich habe ich 3 Buttons per Koordinaten auf dem JPanel platziert.
Durch Klick auf einen der Buttons verschieben sich die Buttons an den Bildschirmrand.
Auf dem großen freien Bereich wollte ich nun eine Benutzeroberfläche einbauen, auf der ich halt später alle Funktionen einfügen kann, die ich will. (Textfields, DropdownMenues, TextAreas etc.)
Nur krieg ichs grad ums Verrecken einfach nicht hin, dass mir irgendwas zusätzliches angezeigt wird, z.B ein weiteres JPanel, auf dem ich auf em Hintergrundbild arbeiten kann.

package GUI;
import java.awt.BorderLayout;
import java.awt.Graphics;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
 
import javax.imageio.ImageIO;
import javax.swing.BorderFactory;
import javax.swing.Box;
import javax.swing.BoxLayout;
import javax.swing.Icon;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JMenu;
import javax.swing.JMenuBar;
import javax.swing.JMenuItem;
import javax.swing.JPanel;
import javax.swing.JSeparator;
import javax.swing.SwingConstants;
import javax.swing.WindowConstants;
 
public class Window {

    private JFrame frame;
 
    private JButton anzeigen;
    private JButton suchen;
    private JButton hinzufuegen;
 
    private Icon anzeigenIcon;
    private Icon suchenIcon;
    private Icon hinzufuegenIcon;
 
    private JMenuBar menüLeiste;
 
    private JMenu Menü1;
    private JMenu Menü2;
    private JMenu Menü3;
 
    private JMenuItem Menüpunkt1;
    private JMenuItem Menüpunkt2;
    private JMenuItem Menüpunkt3;
    private JMenuItem Menüpunkt4;
    private JMenuItem Menüpunkt5;
 
    private JMenuItem Menüpunkt6;
    private JMenuItem Menüpunkt7;
    private JMenuItem Menüpunkt8;
    private JMenuItem Menüpunkt9;
    private JMenuItem Menüpunkt10;
 
    private JMenuItem Menüpunkt11;
    private JMenuItem Menüpunkt12;
    private JMenuItem Menüpunkt13;
    private JMenuItem Menüpunkt14;
    private JMenuItem Menüpunkt15;
    
    private BufferedImage img;
 
    public Window() {
        
        frame = new JFrame("Cocktail-Database");
        frame.setLocationRelativeTo(null);
        frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        frame.setResizable(false);
        frame.setSize(800, 600);
        frame.setVisible(true);
 
        anzeigenIcon = new ImageIcon("images/anzeigen.png");
        suchenIcon = new ImageIcon("images/suchen.png");
        hinzufuegenIcon = new ImageIcon("images/hinzufuegen.png");
 
        anzeigen = new JButton(anzeigenIcon);
        suchen = new JButton(suchenIcon);
        hinzufuegen = new JButton(hinzufuegenIcon);
 
        anzeigen.setBounds(100, 60, 177, 107); 
        suchen.setBounds(315, 200, 177, 107);
        hinzufuegen.setBounds(530, 340, 177, 107);
        
        menüLeiste = new JMenuBar();
 
        Menü1 = new JMenu("Menü1");
        Menü2 = new JMenu("Menü2");
        Menü3 = new JMenu("Menü3");
 
        Menüpunkt1 = new JMenuItem("Menüpunkt1");
        Menüpunkt2 = new JMenuItem("Menüpunkt2");
        Menüpunkt3 = new JMenuItem("Menüpunkt3");
        Menüpunkt4 = new JMenuItem("Menüpunkt4");
        Menüpunkt5 = new JMenuItem("Menüpunkt5");
 
        Menüpunkt6 = new JMenuItem("Menüpunkt6");
        Menüpunkt7 = new JMenuItem("Menüpunkt7");
        Menüpunkt8 = new JMenuItem("Menüpunkt8");
        Menüpunkt9 = new JMenuItem("Menüpunkt9");
        Menüpunkt10 = new JMenuItem("Menüpunkt10");
 
        Menüpunkt11 = new JMenuItem("Menüpunkt11");
        Menüpunkt12 = new JMenuItem("Menüpunkt12");
        Menüpunkt13 = new JMenuItem("Menüpunkt13");
        Menüpunkt14 = new JMenuItem("Menüpunkt14");
        Menüpunkt15 = new JMenuItem("Menüpunkt15");
        
        
        frame.setJMenuBar(menüLeiste);
 
        menüLeiste.add(Menü1);
        menüLeiste.add(Menü2);
        menüLeiste.add(Menü3);

        Menü1.add(Menüpunkt1);
        Menü1.add(Menüpunkt2);
        Menü1.add(Menüpunkt3);
        Menü1.add(Menüpunkt4);
        Menü1.add(Menüpunkt5);
 
        Menü2.add(Menüpunkt6);
        Menü2.add(Menüpunkt7);
        Menü2.add(Menüpunkt8);
        Menü2.add(Menüpunkt9);
        Menü2.add(Menüpunkt10);
 
        Menü3.add(Menüpunkt11);
        Menü3.add(Menüpunkt12);
        Menü3.add(Menüpunkt13);
        Menü3.add(Menüpunkt14);
        Menü3.add(Menüpunkt15);
        organizeListener();
    }

    public void guiInitialisation() {
        
        frame.setLocationRelativeTo(null);
 
        initImage();
        JPanel contentPane = new JPanel() {
            @Override
            protected void paintComponent(Graphics g) {
                super.paintComponent(g);
                if (img != null) {
                    g.drawImage(img, 0, 0, getWidth(), getHeight(), null);
                }
            }
        };
        contentPane.setLayout(null);

        contentPane.add(anzeigen);
        contentPane.add(suchen);
        contentPane.add(hinzufuegen);
 
        frame.setContentPane(contentPane);
        frame.setVisible(true);       
              
    }
 
    private void initImage() {
        try {
            img = ImageIO
                    .read(new File(
                            "images/background.png"));
        }  catch (IOException e) {
            e.printStackTrace();
        }
    }
 
    private void organizeListener() {
        
        anzeigen.addActionListener(new ActionListener() {
            
            public void actionPerformed(ActionEvent e) {
                anzeigen.setBounds(600, 60, 177, 107); 
                suchen.setBounds(600, 200, 177, 107);
                hinzufuegen.setBounds(600, 340, 177, 107);
            }
            
        });       
        
        suchen.addActionListener(new ActionListener() {
            
            public void actionPerformed(ActionEvent e) {
                anzeigen.setBounds(600, 60, 177, 107); 
                suchen.setBounds(600, 200, 177, 107);
                hinzufuegen.setBounds(600, 340, 177, 107);
            }
            
        });  
        
        suchen.addActionListener(new ActionListener() {
            
            public void actionPerformed(ActionEvent e) {
                anzeigen.setBounds(600, 60, 177, 107); 
                suchen.setBounds(600, 200, 177, 107);
                hinzufuegen.setBounds(600, 340, 177, 107);
            }
            
        });  
    }
    
    public static void main(String[] args) {
 
        Window gui = new Window();
        gui.guiInitialisation();
    }
}

 

[KrokoDiehl]

Nun, da du bisher ohne Layoutmanager arbeitest, kannst du deine "neue Oberfläche" genauso auf das Bild legen, wie die Buttons, d.h. mit einem

setBounds()

auf die neue Komponente und ein

add()

auf dein Bildpanel.

 

[Landei]

Trotzdem der Hinweis, dass null-Layout nicht das gelbe vom Ei ist, und du dich mit LayoutManagern beschäftigen solltest (wobei man um GridBagLayout einen weiten Bogen machen sollte, und lieber FormLayout, TableLayout oder so verwenden sollte).

 

[Cygan]

@KrokoDiehl: Das habe ich ja probiert, klappt aber irgendwie nicht. Einzelne Elemente wie Textfields und Labels kann ich einfügen, ein neues JPanel jedoch nicht.

@Landel: Das war auch so ursprünglich geplant und würde das auch eigentlich gerne mit einem Layout-Manager machen.

Jedoch möchte ich auch, dass das Programm gut aussieht und ein Hintergrundbild behalten.

Ich schreib nochmal den Code um und arbeite mit einem Layoutmanager.

Ich hoffe, dass ich nachträglich ein Hintergrundbild einfügen kann.

 

[Gast2]

Erst mal gebe ich Landei recht und verweise auch auf FormsLayout. Das ist wirklich sehr mächtig wenns um komplexere Layout Probleme geht. Da versagen die einfachen Standard Layouts schnell.

@Landel: Das war auch so ursprünglich geplant und würde das auch eigentlich gerne mit einem Layout-Manager machen.

Jedoch möchte ich auch, dass das Programm gut aussieht und ein Hintergrundbild behalten.

Das klingt afst als ob ein Programm wegen Layout Managern schlechter aussehen muss ^^ Sorry war bestimmt nicht so gemeint aber so liest es sich.

Nimm dir die Zeit. Dadurch gewinnst du nur!

 

[Cygan]

Ja das Problem ist, dass ich zig verschiedene Codes ausprobiert habe, um in meinem JFrame ein Hintergrundbild anzuzeigen. Dies klappte auch. Aber sobald ich ein Layoutdrüberlegte, war es komplett von den Layoutflächen überdeckt oder es wurde irgendwie zwischen die Layouts gequetscht.

Ich will ja gerne mit einem Layout arbeiten, schaffe es aber nicht ein Hintergrundbild so einzubauen, dass es wirklich nur im Hintergrund ist

 

[x22]

Verstehe nicht wie man ohne Layout sowas erstellen kann..;(

Nimm dir bitte die Zeit.. Using Layout Managers (The Java™ Tutorials > Creating a GUI With JFC/Swing > Laying Out Components Within a Container)

 

[KrokoDiehl]

Muss nicht sein. Dein Bildpanel setzt du ja als ContentPane vom Frame... das ist soweit Ok. Beim Buildpanel könntest du nun ein BorderLayout setzen und im CENTER-Bereich deine weiteren Panels.

Wenn du deinen Versuch mit Layoutmanager hast und er nicht so will wie du, poste ruhig den (relevanten) Code, daran kann man besser herumkritisieren

[EDIT]Oh, habe "Buildpanel" geschrieben ... meinte aber "Bildpanel" [/EDIT]

 

[Cygan]

So hab nochmal neu begonnen:

Folgende Sachlage:
Das JLabel mit dem Hintergrundbild wird angezeigt im Zentrum des gesamten Fensters.
North, South, West, East werden zu den Seiten weggeschoben.
Center steht nun seltsamerweise. AUF dem Hintergrundbild.

Ich würde nun so vorgehen:
Da das Hintergrundbild HINTER dem Center-Layout ist, würde ich nun im Center ein neues Border-Layout einbauen und dort nochmals Center, North, South, West und East platzieren, womit ich nun alle Felder AUF dem Hintergrundbild hätte, richtig?

Das Problem ist, dass ich gelernt habe, wie man simple Borderlayouts macht, aber nicht, wie man mehrere Border-Layouts ineinander verschachtelt.

Hat das, was ich machen will denn nun Sinn?

package GUI;

import java.awt.BorderLayout;
import javax.swing.Icon;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.WindowConstants;
 
 
public class Window {
    
    public Window() { 
        JFrame frame = new JFrame("Fenstername");
        frame.setLocationRelativeTo(null);
        frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        frame.setResizable(false);
        frame.setSize(800, 600);
        frame.setVisible(true);
        
        frame.setLayout(new BorderLayout());
        frame.add(new JLabel("Center") , BorderLayout.CENTER);
        frame.add(new JLabel("North") , BorderLayout.NORTH);
        frame.add(new JLabel("South") , BorderLayout.SOUTH);
        frame.add(new JLabel("West") , BorderLayout.WEST);
        frame.add(new JLabel("East") , BorderLayout.EAST);
        
        Icon background = new ImageIcon("images/background.png");
        JLabel label = new JLabel(background);
        frame.add(label);
    }
 
    public static void main( String[] args ) {
        new Window();
    }
}

 

[bERt0r]

import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.net.MalformedURLException;
import java.net.URL;

import javax.imageio.ImageIO;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.SwingConstants;
import javax.swing.border.EmptyBorder;

public class HintergrundBild extends JFrame
{
	
	private JPanel contentPane;
	
	/**
	 * Launch the application.
	 */
	public static void main(String[] args)
	{
		EventQueue.invokeLater(new Runnable()
			{
				public void run()
				{
					try
					{
						HintergrundBild frame = new HintergrundBild();
						frame.setVisible(true);
					} catch (Exception e)
					{
						e.printStackTrace();
					}
				}
			});
	}
	
	/**
	 * Create the frame.
	 */
	public HintergrundBild()
	{
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		setBounds(100, 100, 450, 300);
		
		BufferedImage image=null;
		try
		{
			image = ImageIO.read(new URL("http://www.java-forum.org/images/misc/java_forum_org.gif"));
		} catch (MalformedURLException e)
		{
			e.printStackTrace();
		} catch (IOException e)
		{
			e.printStackTrace();
		}
		
		contentPane=new PanelMitHintergrund(image);
		contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));
		contentPane.setLayout(new BorderLayout(0, 0));
		setContentPane(contentPane);
		
		contentPane.add(new JLabel("Center",SwingConstants.CENTER) , BorderLayout.CENTER);
		contentPane.add(new JLabel("North",SwingConstants.CENTER) , BorderLayout.NORTH);
		contentPane.add(new JLabel("South",SwingConstants.CENTER) , BorderLayout.SOUTH);
		contentPane.add(new JLabel("West",SwingConstants.CENTER) , BorderLayout.WEST);
		contentPane.add(new JLabel("East",SwingConstants.CENTER) , BorderLayout.EAST);

		pack();
	}
	
	class PanelMitHintergrund extends JPanel
	{
		BufferedImage image;
		
		public PanelMitHintergrund(BufferedImage image)
		{
			super();
			this.image = image;
		}
		
		@Override
		public void paintComponent(Graphics g)
		{
			super.paintComponent(g);
			g.drawImage(image, 0, 0, null);
		}
		
		@Override
		public Dimension getPreferredSize()
		{
			Dimension d=super.getPreferredSize();
			if(d.width<image.getWidth())
			{
				d.width=image.getWidth();
			}
			if(d.height<image.getHeight())
			{
				d.height=image.getHeight();
			}
			return d;
		}
	}
}

 

[Cygan]

Danke für den Code, aber bei allem Respekt. Von alleine wäre ich nie drauf gekommen und kann das meiste da auch nicht richtig nachvollziehen.

 

[bERt0r]

Guck dir das Zeichnen in Swing Tutorial hier im Forum an. Ich mache nix anderes als dem Panel zu sagen: "Wenn du gezeichnet werden sollst, zeichne erst ein Hintergrundbild und dann das, was du sonst machst."
Die getPreferrezSize Methode sorgt nur dafür, dass das Panel mindestens die größe des Hintergrundbilds bekommt.

 

[GUI-Programmer]

......
Alternativ kannst du das Bild auch immer entsprechend der Größe des JPanels anzeigen lassen:

//...
@Override
public void paintComponent(Graphics g) {
    super.paintComponent(g);
    g.drawImage(image, 0, 0, PanelMitHintergrund.this.getWidth(), PanelMitHintergrund.this.getHeight(), null);
}
//...