Ich brauche GridBagLayout Hilfe

[Kiamur]

Hallo!

Ich bin verzweifelt, was dieses GridBagLayout betrifft. Ich denke aber, dass dies der Layout Manager ist, den ich benötige.

Ich möchte zwei Listenfelder so anordnen, dass ich links und rechts im Fenster eins habe. Dazwischen sollen zwei Button sein, mit denen man das, was im linken (bzw. rechten) Listenfeld ausgewählt ist in das andere Listenfeld schaufeln kann.

Mein Code das so zu machen sieht bis jetzt so aus:

class GridBagPanel extends JPanel
{
	// Elemente des Panels anlegen
	private JList Liste1 = new JList();
	private JList Liste2 = new JList();
	
	private JButton Add = new JButton(">>");
	private JButton Remove = new JButton("<<");
	
	GridBagPanel()
	{
		setBackground(Color.LIGHT_GRAY);
		
		// GridBagLayout für Panel festlegen
		GridBagLayout gbl = new GridBagLayout();
		setLayout(gbl);
		
		// Instanz von GridBagConstrains erstellen
		GridBagConstraints gbc = new GridBagConstraints();
	
		gbc.insets = new Insets(10, 10, 10, 10);
		
		Liste1.setToolTipText("Liste1");
		gbc.anchor = GridBagConstraints.CENTER;
		gbc.ipadx = 180;
		gbc.ipady = 200;
		gbc.gridx = 0;
		gbc.gridy = 0;
		gbc.gridheight = 7;
		gbl.setConstraints(Liste1, gbc);
		add(Liste1);
		
		Liste2.setToolTipText("Liste2");
		gbc.anchor = GridBagConstraints.NORTHEAST;
		gbc.ipadx = 180;
		gbc.ipady = 200;
		gbc.gridx = 3;
		gbc.gridy = 0;
		gbc.gridheight = 7;
		gbl.setConstraints(Liste2, gbc);
		add(Liste2);
		
		gbc.ipadx = 60;
		gbc.ipady = 10;
		gbc.gridx = 1;
		gbc.gridy = 3;  // Zeile 3
		gbl.setConstraints(Add, gbc);
		add(Add);
		
		gbc.ipadx = 60;
		gbc.ipady = 10;
		gbc.gridx = 1;
		gbc.gridy = 5;  // Zeile 5
		gbl.setConstraints(Remove, gbc);
		add(Remove);
	}
}

Ich denke mal, dass ich gbc.ipadx schon verstanden habe (war auch nicht wirklich schwer), aber jetzt geht es los: gbc.gridx soll doch angeben, in der wievielten Spalte das jeweilige Element beginnen soll. gbc.gridy gibt dann die Zeile an. Warum werden dann die Buttons nicht untereinander gezeichnet, da der eine ja (meinem Verständis nach) in Zeile 3 ist, und der zweite in Zeile 5.

Warum sind die beiden Listenfelder in der Mitte des Panels (horizontal gesehen) und nicht oben, da ich doch bei beiden gbc.gridy = 0 angegeben habe.

Dann möchte ich Grundsätzlich noch wissen, ob man nicht irgendwie von vornherein sagen kann in wie viele Zeilen/Spalten das Panel eingeteilt werden soll. Das würde einem die Layoutplanung doch erheblich erleichtern, weil man dann ja ein grobe Skize auf einem gerasterten Blatt Papier machen könnte, und müsste die Werte für x und y Positionen nur abzählen und programmieren.

Ich hoffe ihr könnt mir helfen.

Gruß
Maik

 

[Kiamur]

Okay, ich habe jetzt noch mal eine andere Version. Was ich jetzt möchte, das ist, dass die Buttons nicht auf gleicher Höhe, wie die Listenfelder anfangen, sondern sie sollen vertikal in der Mitte sein.

import java.awt.Color;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Insets;

import javax.swing.*;

class GridBagPanel extends JPanel
{
	// Elemente des Panels anlegen
	private JList Liste1 = new JList();
	private JList Liste2 = new JList();
	
	private JButton Add = new JButton(">>");
	private JButton Remove = new JButton("<<");
	
	GridBagPanel()
	{
		setBackground(Color.LIGHT_GRAY);
		
		// GridBagLayout für Panel festlegen
		GridBagLayout gbl = new GridBagLayout();
		setLayout(gbl);
		
		// Instanz von GridBagConstrains erstellen
		GridBagConstraints gbc = new GridBagConstraints();
	
		gbc.insets = new Insets(10, 10, 10, 10);
		
		Liste1.setToolTipText("Liste1");
		gbc.anchor = GridBagConstraints.CENTER;
		gbc.ipadx = 180;
		gbc.ipady = 460;
		gbc.gridx = 1;
		gbc.gridy = 0;
		gbc.gridwidth = 4;
		gbc.gridheight = 7;
		gbl.setConstraints(Liste1, gbc);
		add(Liste1);
		
		Liste2.setToolTipText("Liste2");
		gbc.anchor = GridBagConstraints.CENTER;
		gbc.ipadx = 180;
		gbc.ipady = 460;
		gbc.gridx = 7;
		gbc.gridy = 0;
		gbc.gridwidth = 4;
		gbc.gridheight = 7;
		gbl.setConstraints(Liste2, gbc);
		add(Liste2);
		
		gbc.anchor = GridBagConstraints.CENTER;
		gbc.ipadx = 60;
		gbc.ipady = 5;
		gbc.gridwidth = 2;
		gbc.gridheight = 1;
		gbc.gridx = 5;
		gbc.gridy = 3;
		gbl.setConstraints(Add, gbc);
		add(Add);
		
		gbc.anchor = GridBagConstraints.CENTER;
		gbc.ipadx = 60;
		gbc.ipady = 5;
		gbc.gridwidth = 1;
		gbc.gridx = 5;
		gbc.gridy = 5;
		gbl.setConstraints(Remove, gbc);
		add(Remove);
	}

}[/img]

 

[Kiamur]

Soo, ich habe das Ganze jetzt so gelöst, dass ich der Spalte, in der sich die Button befinden (bzw. direkt dem oberen Button) den 'top inset' so gestezt habe, das der Rand zwischen dem Button und dem oberen Rand des Panels so groß ist, dass die Button weiter nach unten geschoben werden.

Ob das so gut ist, oder nicht weiss ich nicht. Vielleicht weiss es ja einer von euch . . . . . .

 

[Niki]

Ich hab noch nie mit ipadx gearbeitet und bin immer mit meiner gui glücklich gewesen, probiers mal so:

Insets i = new Insets(3,3,3,3);
GridBagConstraints c = new GridBagConstraints(0,0,1,1,0.0,0.0,GridBagConstraints.NORTHWEST,GridBagConstraints.NONE,i,0,0);

JList l1 = new JList();
JList l2 = new JList();

JScrollPane scroller1 = new JScrollPane();
JScrollPane scroller2 = new JScrollPane();

scroller1.getViewport().add(l1);
scroller2.getViewport().add(l2);

JButton button1 = new JButton(">>>");
JButton button2 = new JButton("<<<");

c.gridheight = 2;
c.weightx = 0.5;
c.weighty = 1.0;
c.fill = GridBagConstraints.BOTH;

// erste liste hinzufügen
add(scroller1, c);

c.gridx+=2;

// zweite liste hinzufügen
add(scroller2, c);

c.gridx=1;
c.gridheight = 1;
c.weightx = 0.0;
c.weighty = 0.5
c.fill = GridBagConstraints.NONE;
c.anchor = GridBagConstraints.SOUTH;

add(button1, c);
c.gridy++;
c.anchor = GridBagConstraints.NORTH;
add(button2, c);

kann sein dass ein kleiner fehler drin ist, ich habs nicht ausprobiert

 

[Kiamur]

Hi Niki!

Ich habe zwar jetzt das TableLayout genommen, aber wollte mich trotzdem noch für deine Antwort bedanken. Wenn mal wieder etwas Zeit ist, dann schaue ich mir deine Lösung mal an.

Gruß
Maik