GroupLayout für Homosapiens - Versionsgeschichte

L-ectron-X am 2. April 2018 um 15:57 Uhr

2018-04-02T15:57:25Z

← Nächstältere Version		Version vom 2. April 2018, 15:57 Uhr
Zeile 261:		Zeile 261:
	--[[Benutzer: bERt0r\|bERt0r]] 04:06, 16. Dez 2011 (CET)		--[[Benutzer: bERt0r\|bERt0r]] 04:06, 16. Dez 2011 (CET)

	[[Kategorie:~~Java~~]]		[[Kategorie:LayoutManager]]
	[[Kategorie:Swing]]		[[Kategorie:Swing]]

L-ectron-X am 9. März 2018 um 15:08 Uhr

2018-03-09T15:08:25Z

Änderungen zeigen

L-ectron-x: /* Ein vollständiges Beispiel */

2017-12-12T18:47:52Z

Ein vollständiges Beispiel

← Nächstältere Version		Version vom 12. Dezember 2017, 18:47 Uhr
Zeile 251:		Zeile 251:

	= Ein vollständiges Beispiel =		= Ein vollständiges Beispiel =
	An Hand eines Beispiels wollen wir noch die Flexibilität eines [GroupLayout Demo\|GroupLayouts demonstrieren]].		An Hand eines Beispiels wollen wir noch die Flexibilität eines [[GroupLayout Demo\|GroupLayouts demonstrieren]].

	= Weiterführende Links: =		= Weiterführende Links: =

L-ectron-x: /* Ein vollständiges Beispiel */

2017-12-12T18:47:25Z

Ein vollständiges Beispiel

@@ Zeile 251: / Zeile 251: @@
 = Ein vollständiges Beispiel =
-An Hand eines Beispiels wollen wir noch die Flexibilität eines GroupLayouts veranschaulichen. Wir werden mittels GroupLayout in Verbindung mit [[GridLayout|GridLayout]] und [[BorderLayout|BorderLayout]] 3 verschiedene Login-Dialoge erzeugen.
+An Hand eines Beispiels wollen wir noch die Flexibilität eines [GroupLayout Demo|GroupLayouts demonstrieren]].
 = Weiterführende Links: =

L-ectron-x: /* Weiterführende Links: */

2017-12-09T15:15:00Z

Weiterführende Links:

← Nächstältere Version		Version vom 9. Dezember 2017, 15:15 Uhr
Zeile 373:		Zeile 373:
	= Weiterführende Links: =		= Weiterführende Links: =

	API-Dokumentation vom [http://docs.oracle.com/javase/7/docs/api/javax/swing/GroupLayout.html GroupLayout]		*API-Dokumentation vom [http://docs.oracle.com/javase/7/docs/api/javax/swing/GroupLayout.html GroupLayout]
	~~<br />~~		*Oracle: [http://download.oracle.com/javase/tutorial/uiswing/layout/group.html How to Use GroupLayout (The Java™ Tutorials > Creating a GUI With JFC/Swing > Laying Out Components]
	Oracle: [http://download.oracle.com/javase/tutorial/uiswing/layout/group.html How to Use GroupLayout (The Java™ Tutorials > Creating a GUI With JFC/Swing > Laying Out Components]		*[[LayoutManager]]

	--[[Benutzer: bERt0r\|bERt0r]] 04:06, 16. Dez 2011 (CET)		--[[Benutzer: bERt0r\|bERt0r]] 04:06, 16. Dez 2011 (CET)

L-ectron-x: /* Ein vollständiges Beispiel */

2017-12-09T15:00:03Z

Ein vollständiges Beispiel

L-ectron-x am 9. Dezember 2017 um 14:54 Uhr

2017-12-09T14:54:12Z

← Nächstältere Version		Version vom 9. Dezember 2017, 14:54 Uhr
Zeile 249:		Zeile 249:

	SwingConstants.HORIZONTAL gibt an ob man die Breite oder die Höhe verlinken will. Danach kann man beliebig viele Komponenten hinzuschreiben (varargs).		SwingConstants.HORIZONTAL gibt an ob man die Breite oder die Höhe verlinken will. Danach kann man beliebig viele Komponenten hinzuschreiben (varargs).

			= Ein vollständiges Beispiel =
			An Hand eines Beispiels wollen wir noch die Flexibilität eines GroupLayouts veranschaulichen. Wir werden mittels GroupLayout 3 verschiedene Login-Dialoge erzeugen.

			<code=java>
			import java.awt.*;
			import javax.swing.*;

			public class GroupLayoutTest {
			public static void main(String[] args) {
			int n = 0;
			showFrame(setSingleGroupLayout(new JFrame("Group Layout Test")), n++);
			showFrame(setSingleGroupLayoutButtonsSeparated(new JFrame("Group Layout Test")), n++);
			showFrame(setMixedLayout(new JFrame("Group Layout Test")), n++);
			}

			private static void showFrame(JFrame jFrame, int n) {
			jFrame.pack();
			jFrame.setLocation(n * 200, n * 150);
			jFrame.setVisible(true);
			}

			private static JFrame setSingleGroupLayout(JFrame jFrame) {
			JPanel jPanel = new JPanel();
			GroupLayout groupLayout = new GroupLayout(jPanel);
			groupLayout.setAutoCreateGaps(true);
			groupLayout.setAutoCreateContainerGaps(true);
			jPanel.setLayout(groupLayout);
			JLabel nameLable = new JLabel("Name:");
			JTextField nameInput = new JTextField(30);
			JLabel passLable = new JLabel("Passwort:");
			JTextField pasInput = new JPasswordField(20);
			JButton loginButton = new JButton("login");
			JButton cancelButton = new JButton("cancel");

			groupLayout.setHorizontalGroup(groupLayout
			.createSequentialGroup()
			.addGroup(
			groupLayout.createParallelGroup().addComponent(nameLable).addComponent(passLable)
			.addComponent(loginButton))
			.addGroup(
			groupLayout.createParallelGroup().addComponent(nameInput).addComponent(pasInput)
			.addComponent(cancelButton)));

			groupLayout.setVerticalGroup(groupLayout.createSequentialGroup()
			.addGroup(groupLayout.createParallelGroup().addComponent(nameLable).addComponent(nameInput))
			.addGroup(groupLayout.createParallelGroup().addComponent(passLable).addComponent(pasInput))
			.addGroup(groupLayout.createParallelGroup().addComponent(loginButton).addComponent(cancelButton)));

			jFrame.add(jPanel);
			return jFrame;
			}

			private static JFrame setSingleGroupLayoutButtonsSeparated(JFrame jFrame) {
			JPanel jPanel = new JPanel();
			GroupLayout groupLayout = new GroupLayout(jPanel);
			groupLayout.setAutoCreateGaps(true);
			groupLayout.setAutoCreateContainerGaps(true);
			jPanel.setLayout(groupLayout);
			JLabel nameLable = new JLabel("Name:");
			JTextField nameInput = new JTextField(30);
			JLabel passLable = new JLabel("Passwort:");
			JTextField pasInput = new JPasswordField(20);
			JButton loginButton = new JButton("login");
			JButton cancelButton = new JButton("cancel");

			JPanel buttonGroup = new JPanel(new GridLayout(1, 0, 5, 5));
			buttonGroup.add(loginButton);
			buttonGroup.add(cancelButton);

			constructGroupLayout(groupLayout, nameLable, nameInput, passLable, pasInput, buttonGroup);

			jFrame.add(jPanel);
			return jFrame;
			}

			private static void constructGroupLayout(GroupLayout groupLayout, JLabel nameLable, JTextField nameInput,
			JLabel passLable, JTextField pasInput, JPanel buttonGroup) {
			groupLayout.setHorizontalGroup(groupLayout
			.createSequentialGroup()
			.addGroup(groupLayout.createParallelGroup().addComponent(nameLable).addComponent(passLable).addGap(0))
			.addGroup(
			groupLayout.createParallelGroup().addComponent(nameInput).addComponent(pasInput)
			.addComponent(buttonGroup)));

			groupLayout.setVerticalGroup(groupLayout.createSequentialGroup()
			.addGroup(groupLayout.createParallelGroup().addComponent(nameLable).addComponent(nameInput))
			.addGroup(groupLayout.createParallelGroup().addComponent(passLable).addComponent(pasInput))
			.addGroup(groupLayout.createParallelGroup().addGap(0).addComponent(buttonGroup)));
			}

			private static JFrame setMixedLayout(JFrame jFrame) {
			JPanel jPanel = new JPanel();
			GroupLayout groupLayout = new GroupLayout(jPanel);
			groupLayout.setAutoCreateGaps(true);
			groupLayout.setAutoCreateContainerGaps(true);
			jPanel.setLayout(groupLayout);
			JLabel nameLable = new JLabel("Name:");
			JTextField nameInput = new JTextField(30);
			JLabel passLable = new JLabel("Passwort:");
			JTextField pasInput = new JPasswordField(20);
			JButton loginButton = new JButton("login");
			JButton cancelButton = new JButton("cancel");

			JPanel buttonGroup = new JPanel(new GridLayout(1, 0, 5, 5));
			buttonGroup.add(loginButton);
			buttonGroup.add(cancelButton);
			JPanel bottomPanel = new JPanel(new BorderLayout());
			bottomPanel.add(buttonGroup, BorderLayout.EAST);
			jFrame.add(bottomPanel, BorderLayout.SOUTH);

			constructGroupLayout(groupLayout, nameLable, nameInput, passLable, pasInput, bottomPanel);

			jFrame.add(jPanel);
			return jFrame;
			}
			}
			</code=java>

	= Weiterführende Links: =		= Weiterführende Links: =

BERt0r: /* Gaps und Größenangaben */

2014-04-25T14:35:48Z

Gaps und Größenangaben

← Nächstältere Version		Version vom 25. April 2014, 14:35 Uhr
Zeile 123:		Zeile 123:
	= Gaps und Größenangaben =		= Gaps und Größenangaben =

	Erstens gibt’s da mal eine Komfortfunktion die ~~man~~ ich eigentlich immer aktiviert habe:		Erstens gibt’s da mal eine Komfortfunktion die ich eigentlich immer aktiviert habe:

	<code=java>layout.setAutoCreateGaps(true);</code=java>		<code=java>layout.setAutoCreateGaps(true);</code=java>

BERt0r: /* VerticalFlowLayout */

2014-04-25T14:34:19Z

VerticalFlowLayout

← Nächstältere Version		Version vom 25. April 2014, 14:34 Uhr
Zeile 61:		Zeile 61:
	Aber was nützt uns ein FlowLayout? Schon so mancher hat den Bedarf nach einem VerticalFlowLayout angemeldet. Mit GroupLayout kein Problem: wir vertauschen einfach vertical- und horizontalGroup.		Aber was nützt uns ein FlowLayout? Schon so mancher hat den Bedarf nach einem VerticalFlowLayout angemeldet. Mit GroupLayout kein Problem: wir vertauschen einfach vertical- und horizontalGroup.

	SequentialGroup verticalGroup=layout.createSequentialGroup();		<code=java>SequentialGroup verticalGroup=layout.createSequentialGroup();
	verticalGroup.addComponent(label1).addComponent(label2).addComponent(label3);		verticalGroup.addComponent(label1).addComponent(label2).addComponent(label3);

	ParallelGroup horizontalGroup=layout.createParallelGroup;		ParallelGroup horizontalGroup=layout.createParallelGroup;
	horizontalGroup.addComponent(label1).addComponent(label2).addComponent(label3);		horizontalGroup.addComponent(label1).addComponent(label2).addComponent(label3);</code=java>

L-ectron-x am 23. April 2014 um 09:35 Uhr

2014-04-23T09:35:04Z

← Nächstältere Version		Version vom 23. April 2014, 09:35 Uhr
Zeile 1:		Zeile 1:
	== GroupLayout für Homosapiens: ==		= GroupLayout für Homosapiens: =

	Das GroupLayout ist ein mächtiger LayoutManager, der leider oft als komplizierter missverstanden wird, als er eigentlich ist. Besonders GUI-Builder erzeugen meist sehr hässlichen Code mit dem Grouplayout, weshalb ich euch rate erst mal ein GroupLayout von Hand zu schreiben.		Das GroupLayout ist ein mächtiger LayoutManager, der leider oft als komplizierter missverstanden wird, als er eigentlich ist. Besonders GUI-Builder erzeugen meist sehr hässlichen Code mit dem Grouplayout, weshalb ich euch rate erst mal ein GroupLayout von Hand zu schreiben.
Zeile 14:		Zeile 14:


	== Zu den Komponenten: ==		= Zu den Komponenten: =

	Auch hier geht das GroupLayout wieder einen eigenen Weg: Komponenten werden nicht per panel.add(Component c) "hinzugefügt".		Auch hier geht das GroupLayout wieder einen eigenen Weg: Komponenten werden nicht per panel.add(Component c) "hinzugefügt".
Zeile 27:		Zeile 27:


	=== 1. Beziehungen auf vertikaler Ebene: ===		== 1. Beziehungen auf vertikaler Ebene: ==

	Wir wollen, dass alle 3 Labels in der gleichen Zeile stehen. Sehen wir von "Norden" aus auf unser Layout drauf (man beuge sich über den Bildschirm und blicke nach unten), sind die 3 Labels nebeneinander. Wenn wir 2 oder mehr Komponenten nebeneinander ausrichten wollen, benötigen wir eine ParallelGroup:		Wir wollen, dass alle 3 Labels in der gleichen Zeile stehen. Sehen wir von "Norden" aus auf unser Layout drauf (man beuge sich über den Bildschirm und blicke nach unten), sind die 3 Labels nebeneinander. Wenn wir 2 oder mehr Komponenten nebeneinander ausrichten wollen, benötigen wir eine ParallelGroup:
Zeile 38:		Zeile 38:


	=== 2. Beziehungen auf horizontaler Ebene: ===		== 2. Beziehungen auf horizontaler Ebene: ==

	Sehen wir von "Westen" auf unser Layout (man stelle sich links neben den Bildschirm und blicke hinein), sind die 3 Labels hintereinander. Dafür gibts die SequentialGroup:		Sehen wir von "Westen" auf unser Layout (man stelle sich links neben den Bildschirm und blicke hinein), sind die 3 Labels hintereinander. Dafür gibts die SequentialGroup:
Zeile 57:		Zeile 57:
	'''Wichtig:''' Wenn du einen Komponenten nur zu einer Group addest, fliegt eine Exception und es wird nichts angezeigt!		'''Wichtig:''' Wenn du einen Komponenten nur zu einer Group addest, fliegt eine Exception und es wird nichts angezeigt!

	== VerticalFlowLayout ==		= VerticalFlowLayout =

	Aber was nützt uns ein FlowLayout? Schon so mancher hat den Bedarf nach einem VerticalFlowLayout angemeldet. Mit GroupLayout kein Problem: wir vertauschen einfach vertical- und horizontalGroup.		Aber was nützt uns ein FlowLayout? Schon so mancher hat den Bedarf nach einem VerticalFlowLayout angemeldet. Mit GroupLayout kein Problem: wir vertauschen einfach vertical- und horizontalGroup.
Zeile 70:		Zeile 70:
	[[Datei:GLTut-2-VerticalFlowLayout.png]]		[[Datei:GLTut-2-VerticalFlowLayout.png]]

	== Standard GUI ==		= Standard GUI =

	Wie sieht es nun mit komplexeren Masken aus? Ich habe früher versucht aus zig verschiedenen, verschachtelten Panels mit jeweils eigenem einfachen LayoutManagern eine GUI zusammenzubasteln. Der Aufwand war enorm, die Übersichtlichkeit schrecklich, es war fehleranfällig und meist kam sowieso nicht das raus was gewollt war.		Wie sieht es nun mit komplexeren Masken aus? Ich habe früher versucht aus zig verschiedenen, verschachtelten Panels mit jeweils eigenem einfachen LayoutManagern eine GUI zusammenzubasteln. Der Aufwand war enorm, die Übersichtlichkeit schrecklich, es war fehleranfällig und meist kam sowieso nicht das raus was gewollt war.
Zeile 79:		Zeile 79:
	[[Datei:GLTut-3-SchoeneGui.png]]		[[Datei:GLTut-3-SchoeneGui.png]]

	=== 1. Vertikale Group: ===		== 1. Vertikale Group: ==

	Wir stellen uns wieder vor, wir blicken von oben in unser Layout rein. Jetzt gibt’s zwei Betrachtungsweisen: Haben wir 3 Zeilen hintereinander, in denen je ein Label, ein Textfeld und ein Button nebeneinander stehen oder haben wir 3 Spalten nebeneinander mit jeweils 3 Labels, Textfeldern und Buttons hintereinander?		Wir stellen uns wieder vor, wir blicken von oben in unser Layout rein. Jetzt gibt’s zwei Betrachtungsweisen: Haben wir 3 Zeilen hintereinander, in denen je ein Label, ein Textfeld und ein Button nebeneinander stehen oder haben wir 3 Spalten nebeneinander mit jeweils 3 Labels, Textfeldern und Buttons hintereinander?
Zeile 97:		Zeile 97:


	=== 2. Horizontale Group ===		== 2. Horizontale Group ==

	Analog zur Vertikalen Group: Haben wir 3 Zeilen nebeneinander in denen Label, Textfeld und Button hintereinander stehen oder haben wir 3 Spalten hintereinander, in denen untereinander je 3 Labels, Textfelder oder Buttons stehen?		Analog zur Vertikalen Group: Haben wir 3 Zeilen nebeneinander in denen Label, Textfeld und Button hintereinander stehen oder haben wir 3 Spalten hintereinander, in denen untereinander je 3 Labels, Textfelder oder Buttons stehen?
Zeile 121:		Zeile 121:
	Die Komponenten füllen den gesamten Platz der aus – wir brauchen soetwas wie den Glue aus dem BoxLayout. Im GroupLayout heißt das Gap was die Sache mMn auch besser beschreibt (wer will denn Kleber in seiner GUI?).		Die Komponenten füllen den gesamten Platz der aus – wir brauchen soetwas wie den Glue aus dem BoxLayout. Im GroupLayout heißt das Gap was die Sache mMn auch besser beschreibt (wer will denn Kleber in seiner GUI?).

	== Gaps und Größenangaben ==		= Gaps und Größenangaben =

	Erstens gibt’s da mal eine Komfortfunktion die man ich eigentlich immer aktiviert habe:		Erstens gibt’s da mal eine Komfortfunktion die man ich eigentlich immer aktiviert habe:
Zeile 179:		Zeile 179:


	== Fortgeschrittenes: ==		= Fortgeschrittenes: =


Zeile 250:		Zeile 250:
	SwingConstants.HORIZONTAL gibt an ob man die Breite oder die Höhe verlinken will. Danach kann man beliebig viele Komponenten hinzuschreiben (varargs).		SwingConstants.HORIZONTAL gibt an ob man die Breite oder die Höhe verlinken will. Danach kann man beliebig viele Komponenten hinzuschreiben (varargs).

	== Weiterführende Links: ==		= Weiterführende Links: =

	API-Dokumentation vom [http://docs.oracle.com/javase/7/docs/api/javax/swing/GroupLayout.html GroupLayout]		API-Dokumentation vom [http://docs.oracle.com/javase/7/docs/api/javax/swing/GroupLayout.html GroupLayout]

← Nächstältere Version		Version vom 9. Dezember 2017, 15:00 Uhr
Zeile 251:		Zeile 251:

	= Ein vollständiges Beispiel =		= Ein vollständiges Beispiel =
	An Hand eines Beispiels wollen wir noch die Flexibilität eines GroupLayouts veranschaulichen. Wir werden mittels GroupLayout 3 verschiedene Login-Dialoge erzeugen.		An Hand eines Beispiels wollen wir noch die Flexibilität eines GroupLayouts veranschaulichen. Wir werden mittels GroupLayout in Verbindung mit [[GridLayout\|GridLayout]] und [[BorderLayout\|BorderLayout]] 3 verschiedene Login-Dialoge erzeugen.

	<code=java>		<code=java>
Zeile 277:		Zeile 277:
	groupLayout.setAutoCreateContainerGaps(true);		groupLayout.setAutoCreateContainerGaps(true);
	jPanel.setLayout(groupLayout);		jPanel.setLayout(groupLayout);

	JLabel nameLable = new JLabel("Name:");		JLabel nameLable = new JLabel("Name:");
	JTextField nameInput = new JTextField(30);		JTextField nameInput = new JTextField(30);
Zeile 308:		Zeile 309:
	groupLayout.setAutoCreateContainerGaps(true);		groupLayout.setAutoCreateContainerGaps(true);
	jPanel.setLayout(groupLayout);		jPanel.setLayout(groupLayout);

	JLabel nameLable = new JLabel("Name:");		JLabel nameLable = new JLabel("Name:");
	JTextField nameInput = new JTextField(30);		JTextField nameInput = new JTextField(30);
Zeile 346:		Zeile 348:
	groupLayout.setAutoCreateContainerGaps(true);		groupLayout.setAutoCreateContainerGaps(true);
	jPanel.setLayout(groupLayout);		jPanel.setLayout(groupLayout);

	JLabel nameLable = new JLabel("Name:");		JLabel nameLable = new JLabel("Name:");
	JTextField nameInput = new JTextField(30);		JTextField nameInput = new JTextField(30);