Gui Layout Frage

[Kyle]

Hallo,

ich versuche gerade meine erste Gui in Java zu erstellen und tue es mir schwer mit den Layout Managern.
Ich habe eine JFrame mit einem Borderlayout und würde gerne auf der rechten Seite( East )
8 Elemente anzeigen jeweils ein Imageicon + zugehörigen JButtton
Also
Icon 1
Button 1
Icon 2
Button 2
Icon 3
Button 3
Icon 4
Button 4

Ich hätte genre das Icon in seiner größe und darunter eine kleine Funktionstaste.
Je nach Layout Manager wird der Platz gleich verteilt das heist Taste und Icon sind gleich groß, wobei
ich die Tasten gerne kleiner hätte.
Nach langen probieren hab ich das ganze mit dem Boxlayout hinbekommen, allerdings reicht dann der
Platz nur für 3 Kombinationen zur Darstellung.
Der Rest passt dann nicht auf den Bildschirm.
Meine Frage wäre kann man die Größe der Icons beinflussen, das sie weniger Platz wegnehmen?
Gibt es eine andere einfache Möglichkeit als das Box Layout um diese Anordnung zu erreichen?

Gruß

Kyle

public static JPanel East_panel_main_3()
  {   
	File pic = null;
	JButton fl = new JButton("Function 1");
	JButton SC = new JButton("Function 2");
	 
		String check = new String();
		 check = "c:" + "\\" + "c1.png";
	     pic = new File( check );
		 System.out.println(pic);

			try {
				bimg = ImageIO.read(pic);
			} catch (IOException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}

     		  

	   
	  JPanel Head_East = new JPanel();
 
	  Box box = Box.createVerticalBox();	    
 
	  // SET First
	       JLabel First_Image = new JLabel(new ImageIcon( bimg));
		   JPanel First_IM_Panel = new JPanel(new FlowLayout());
		   First_IM_Panel.add(First_Image);
		   box.add(First_IM_Panel);
	        
	       JPanel First_button = new JPanel(new FlowLayout());
	       First_button.add( new JButton(" Function 1"));
	      
	      box.add(First_button);


	       
	       JLabel First_Image_sec = new JLabel(new ImageIcon( bimg));
		   JPanel First_IM_Panel_sec = new JPanel(new FlowLayout());
		   First_IM_Panel_sec.add(First_Image_sec);
	    
	     box.add(First_IM_Panel_sec);
	 
	       
	       JPanel First_button_sec = new JPanel(new FlowLayout());
	       First_button_sec.add( new JButton(" Function 2"));
	       
	       box.add(First_button_sec);
			  
	 
		 
	  //*****************************************************************	      
		  JLabel First_Image3 = new JLabel(new ImageIcon( bimg));
		   JPanel First_IM_Panel3 = new JPanel(new FlowLayout());
		   First_IM_Panel3.add(First_Image3);
	              box.add(First_IM_Panel3);
	  	        
	              JPanel First_button3 = new JPanel(new FlowLayout());
	              First_button3.add( new JButton(" Function 3"));
	             box.add(First_button3);
          
	   	       
	      
	
	      	       JLabel First_Image4 = new JLabel(new ImageIcon( bimg));
		   JPanel First_IM_Panel_4 = new JPanel(new FlowLayout());
	               First_IM_Panel_4.add(First_Image4);
             	  box.add(First_IM_Panel_4);
		 JPanel First_button_4 = new JPanel(new FlowLayout());
               	       First_button_4.add( new JButton(" Function 4"));
	     	      box.add(First_button_4);
	  Head_East.add(box);
		  
	    
	  return Head_East;
	  
  }

 

[GUI-Programmer]

Anstatt das JLabel mit ImageIcon einem JPanel zu adden, wäre es vielleicht sinnvoller es direkt in dem JPanel zu zeichnen:

//...

private JPanel imagePanel(final Image image) {
    JPanel panel = new JPanel() {
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            g.drawImage(image, 0, 0, this);
        }
    };
    panel.setPreferredSize(new Dimension(image.getWidth(null), image.getHeight(null)));
    return panel;
}

//...

box.add(imagePanel(bimg));

//...

 

[jgh]

hier mal ein Bsp wie man das machen könnte. GridLayout bietet sich für eine feste Anzahl imho gut an:

import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.GridLayout;
import java.net.MalformedURLException;
import java.net.URL;

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

@SuppressWarnings("serial")
public class GUITest extends JFrame {

	public GUITest() {
		setSize(500, 500);
		setLocationRelativeTo(null);
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		addEastPanel();
	}

	private void addEastPanel() {
		JPanel east = new JPanel(new GridLayout(8, 1));
		for (int i = 0; i < 8; i++) {
			if (i % 2 == 0) {
				JButton b = new JButton("Button");
				JPanel p = new JPanel();
				p.add(b);
				east.add(p);
			} else {
				ImageIcon ii = new ImageIcon();
				try {//imageIcon ist natürlich irgendwie doppeltgemoppelt...
					ii.setImage(new ImageIcon(
							new URL(
									"http://www.bayerischer-wald-ferien.de/assets/images/donaudurchbruch-weltenburger-enge-bilder-kelheim.jpg"))
							.getImage());

					JLabel l = new JLabel(ii);
					l.setPreferredSize(new Dimension(50, 50));
					east.add(l);
				} catch (MalformedURLException e) {
					// TODO Auto-generated catch block
					e.printStackTrace();
				}
			}
		}
		add(east, BorderLayout.EAST);
	}

	public static void main(String args[]) {
		EventQueue.invokeLater(new Runnable() {
			public void run() {
				try {
					UIManager
							.setLookAndFeel("com.sun.java.swing.plaf.nimbus.NimbusLookAndFeel");
				} catch (Exception ex) {
					ex.printStackTrace();
				}
				new GUITest().setVisible(true);
			}
		});
	}
}

 

[turtle]

Du weisst aber schon, dass in einem JButton Text UND Bild zusammen angezeigt werden kann?

JButton btn1 = new JButton(" Function 1", createImageIcon("/images/turtle.jpg"));

Weiterhin solltest Du beachten, dass Klassen mit eine Grossbuchstaben, Felder und Methoden mit einem Kleinbuchstaben beginnen sollten.

 

[hdi]

Ich hätte genre das Icon in seiner größe und darunter eine kleine Funktionstaste.

hier mal ein Bsp wie man das machen könnte. GridLayout bietet sich für eine feste Anzahl imho gut an:

Das Problem ist aber, dass das GridLayout alle Komponenten auf die selbe Größe resized. Sieht man ja auch in deiner Demo. Ich find das eignet sich hier aus diesem Grund nicht so.

 

[jgh]

Das Problem ist aber, dass das GridLayout alle Komponenten auf die selbe Größe resized. Sieht man ja auch in deiner Demo. Ich find das eignet sich hier aus diesem Grund nicht so.

na ja, das Bild kann mit der Methode setPreferredSize(Dimension d) entsprechend den Wünschen geändert werden, der Button wird dank eines weiteren JPanels mit FlowLayout auch in seiner default-Größe angezeigt.