LayoutManager für Java-Einsteiger - Versionsgeschichte

L-ectron-X: /* GridBagLayout */

2021-02-05T13:27:10Z

GridBagLayout

← Nächstältere Version		Version vom 5. Februar 2021, 13:27 Uhr
Zeile 150:		Zeile 150:
	} </syntaxhighlight>		} </syntaxhighlight>

	Das JPanel erhält bei seiner Instanziierung einen anderen LayoutManager und verändert damit die Strategie des Positionierens und Dimensionierens der hinzugefügten GUI-Komponenten.		Das JPanel erhält bei seiner Instanziierung einen anderen LayoutManager und verändert damit die Strategie des Positionierens und Dimensionierens der hinzugefügten GUI-Komponenten. Der JButton wird in seiner natürlichen Größe (PreferredSize) dargestellt. Das GridBagLayout hält hinzugefügte Komponenten ohne weitere Einstellungen eng beisammen im Zentrum des einbettenden Containers.
	Wenn wir nun die Größe des JFrames nachträglich verändern, bleibt der JButton in der Mitte des JFrames. Das entspricht dem Standard-Verhalten des GridBagLayouts, wenn keine weiteren Einstellungen vorgenommen wurden.		Wenn wir nun die Größe des JFrames nachträglich verändern, bleibt der JButton in der Mitte des JFrames. Das entspricht dem Standard-Verhalten des GridBagLayouts, wenn keine weiteren Einstellungen vorgenommen wurden.

L-ectron-X: /* FlowLayout */

2021-02-05T13:21:04Z

FlowLayout

← Nächstältere Version		Version vom 5. Februar 2021, 13:21 Uhr
Zeile 116:		Zeile 116:
	} </syntaxhighlight>		} </syntaxhighlight>

	Der aufmerksame Leser wird bereits gemerkt haben, dass wir bisher weit und breit noch keinen LayoutManager gesehen haben. Das JPanel hat von uns einen weißen Hintergrund bekommen, damit wir seine Größe sehen können. Das JPanel wird auf seine volle Größe gezogen, weil der JFrame standardmäßig bereits das BorderLayout hat. Neu ist nun aber, dass der JButton in seiner natürlichen Größe (PreferredSize) dargestellt wird. Zwar horizontal mittig im JFrame, aber nicht vertikal. Das FlowLayout fügt standardmäßig neue Komponenten oben mittig ein. Wenn wir die Größe des JFrames nun nachträglich verändern, behält der JButton seine relative Position im ~~JFrames~~ bei. Das entspricht der Standardfunktion des FlowLayouts. In einem Live-Demo kann spielerisch die [[FlowLayout Live-Demo\|Funktionsweise des FlowLayouts]] ausprobiert werden.		Der aufmerksame Leser wird bereits gemerkt haben, dass wir bisher weit und breit noch keinen LayoutManager gesehen haben. Das JPanel hat von uns einen weißen Hintergrund bekommen, damit wir seine Größe sehen können. Das JPanel wird auf seine volle Größe gezogen, weil der JFrame standardmäßig bereits das BorderLayout hat. Neu ist nun aber, dass der JButton in seiner natürlichen Größe (PreferredSize) dargestellt wird. Zwar horizontal mittig im JFrame, aber nicht vertikal. Das FlowLayout fügt standardmäßig neue Komponenten oben mittig ein. Wenn wir die Größe des JFrames nun nachträglich verändern, behält der JButton seine relative Position im JFrame bei. Das entspricht der Standardfunktion des FlowLayouts. In einem Live-Demo kann spielerisch die [[FlowLayout Live-Demo\|Funktionsweise des FlowLayouts]] ausprobiert werden.

	===GridBagLayout===		===GridBagLayout===

L-ectron-X: /* FlowLayout */

2021-02-05T13:17:23Z

FlowLayout

← Nächstältere Version		Version vom 5. Februar 2021, 13:17 Uhr
Zeile 116:		Zeile 116:
	} </syntaxhighlight>		} </syntaxhighlight>

	Der aufmerksame Leser wird bereits gemerkt haben, dass wir bisher weit und breit noch keinen LayoutManager gesehen haben. Das JPanel hat von uns einen weißen Hintergrund bekommen, damit wir seine Größe sehen können. Das JPanel wird auf seine volle Größe gezogen, weil der JFrame standardmäßig bereits das BorderLayout hat. Neu ist nun aber, dass der JButton in seiner natürlichen Größe (PreferredSize) dargestellt wird. Zwar horizontal mittig im JFrame, aber nicht vertikal. Das FlowLayout fügt standardmäßig neue Komponenten oben mittig ein. Wenn wir die Größe des JFrames nun nachträglich verändern, ~~behalt~~ der ~~KButton~~ seine relative Position im JFrames bei. Das entspricht der Standardfunktion des FlowLayouts.		Der aufmerksame Leser wird bereits gemerkt haben, dass wir bisher weit und breit noch keinen LayoutManager gesehen haben. Das JPanel hat von uns einen weißen Hintergrund bekommen, damit wir seine Größe sehen können. Das JPanel wird auf seine volle Größe gezogen, weil der JFrame standardmäßig bereits das BorderLayout hat. Neu ist nun aber, dass der JButton in seiner natürlichen Größe (PreferredSize) dargestellt wird. Zwar horizontal mittig im JFrame, aber nicht vertikal. Das FlowLayout fügt standardmäßig neue Komponenten oben mittig ein. Wenn wir die Größe des JFrames nun nachträglich verändern, behält der JButton seine relative Position im JFrames bei. Das entspricht der Standardfunktion des FlowLayouts. In einem Live-Demo kann spielerisch die [[FlowLayout Live-Demo\|Funktionsweise des FlowLayouts]] ausprobiert werden.

	===GridBagLayout===		===GridBagLayout===

L-ectron-X am 5. Februar 2021 um 13:07 Uhr

2021-02-05T13:07:36Z

← Nächstältere Version		Version vom 5. Februar 2021, 13:07 Uhr
Zeile 7:		Zeile 7:
	'''[[LayoutManager]] inbesondere, die Kombination bzw. Verschachtelung von verschiedenen LayoutManagern ermöglicht sehr effiziente, wiederverwendbare, gut wartbare und mächtige Benutzeroberflächen.'''<br>Hier im Wiki kann man einige Beispiele zur Anwendung von LayoutManagern finden. Welcher LayoutManager bevorzugt zum Einsatz kommen sollte, ergibt sich aus seiner speziellen Layout-Strategie und den Anforderungen der Benutzeroberfläche. Es lohnt also, sich mit LayoutManagern intensiv zu befassen.		'''[[LayoutManager]] inbesondere, die Kombination bzw. Verschachtelung von verschiedenen LayoutManagern ermöglicht sehr effiziente, wiederverwendbare, gut wartbare und mächtige Benutzeroberflächen.'''<br>Hier im Wiki kann man einige Beispiele zur Anwendung von LayoutManagern finden. Welcher LayoutManager bevorzugt zum Einsatz kommen sollte, ergibt sich aus seiner speziellen Layout-Strategie und den Anforderungen der Benutzeroberfläche. Es lohnt also, sich mit LayoutManagern intensiv zu befassen.

	In diesem Artikel soll es aber einmal nur darum gehen, wie man eine einzige Komponente in der Mitte einer Fenster-Komponente, wie z.B. einen [[JFrame]] ausgeben kann. Wir werden dazu ~~den mächtigsten~~ LayoutManager ~~([[GridBagLayout]])~~ der Java-API benutzen und ohne umständliche manuelle Positionierung und Dimensionierung viel genauer und schneller sein!		In diesem Artikel soll es aber einmal nur darum gehen, wie man eine einzige Komponente in der Mitte einer Fenster-Komponente, wie z.B. einen [[JFrame]] ausgeben kann. Wir werden dazu verschiedene LayoutManager der Java-API benutzen und ohne umständliche manuelle Positionierung und Dimensionierung viel genauer und schneller sein!

	'''Los geht's!'''		'''Los geht's!'''
Zeile 52:		Zeile 52:

	===BorderLayout===		===BorderLayout===
			[[Datei:JFrame mit BorderLayout.png\|mini]]
			'''Die Klasse JFrame wurde von den Java-Entwicklern bereits mit dem [[BorderLayout]] ausgestattet.'''

	'''~~Die Klasse JFrame wurde von ihrem Entwickler bereits mit dem [[BorderLayout]] ausgestattet.~~'''		Das BorderLayout ist in '''5 Bereiche''' (<code>NORTH</code>, <code>SOUTH</code>, <code>EAST</code>, <code>WEST</code> und <code>CENTER</code>) aufgeteilt, die '''jeweils eine''' Komponente aufnehmen können.

	Das bedeutet, dass ein JFrame ihm hinzugefügte GUI-Komponenten nach der Layout-Strategie eines BorderLayouts ausrichtet und dimensioniert.		Das bedeutet, dass ein JFrame ihm hinzugefügte GUI-Komponenten nach der Layout-Strategie eines BorderLayouts ausrichtet und dimensioniert.

	Um zu testen, wie ~~das~~ aussieht, ~~werden~~ wir ~~nun~~ dem JFrame einen [[JButton]] hinzufügen.		Um zu testen, wie es aussieht, wenn wir dem [[JFrame]] einen [[JButton]] hinzufügen, schauen wir uns im folgenden Beispiel an.

	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">
Zeile 79:		Zeile 81:
	} </syntaxhighlight>		} </syntaxhighlight>

	~~[[Datei:JFrame mit BorderLayout.png\|mini]]~~		Der JButton wird, wie wir sehen können, im CENTER-Bereich abgelegt und auf die gesamte Größe des Inhaltsbereiches JFrames gezogen. Auch wenn wir die Größe des JFrames nun nachträglich verändern, passt sich die Größe weiterhin der des JFrames an. Das entspricht der Standardfunktion des BorderLayouts.
	Der JButton wird ~~also~~, wie wir sehen können auf die gesamte Größe des JFrames gezogen. Auch wenn wir die Größe des JFrames nun nachträglich verändern, passt sich die Größe weiterhin der des JFrames an. Das entspricht der Standardfunktion des BorderLayouts.

	Wir möchten nun aber den JButton in seiner natürlichen Größe in der Mitte des JFrames anordnen. Das ist mit BorderLayout nicht möglich. Wir brauchen also einen LayoutManager, der das für uns erledigen kann.		Wir möchten nun aber den JButton in seiner natürlichen Größe in der Mitte des JFrames anordnen. Das ist mit BorderLayout nicht möglich. Wir brauchen also einen LayoutManager, der das für uns erledigen kann.

	===FlowLayout===		===FlowLayout===
			[[Datei:JFrame mit FlowLayout.png\|mini]]
	Versuchen wir es mit [[FlowLayout]]. Wir wissen, dass ein [[JPanel]] eine vielseitige GUI-Komponente ist, auf der man zeichnen und weitere GUI-Komponenten verankern kann und dass es '''von den Java-Entwicklern bereits mit einem FlowLayout ausgestattet''' wurde. Sehen wir uns an, wie nun das FlowLayout des JPanels den [[JButton]] anordnet.		Versuchen wir es mit [[FlowLayout]]. Wir wissen, dass ein [[JPanel]] eine vielseitige GUI-Komponente ist, auf der man zeichnen und weitere GUI-Komponenten verankern kann und dass es '''von den Java-Entwicklern bereits mit einem FlowLayout ausgestattet''' wurde. Sehen wir uns an, wie nun das FlowLayout des JPanels den [[JButton]] anordnet.
	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">
Zeile 115:		Zeile 116:
	} </syntaxhighlight>		} </syntaxhighlight>

	~~[[Datei:JFrame mit FlowLayout.png\|mini]]~~		Der aufmerksame Leser wird bereits gemerkt haben, dass wir bisher weit und breit noch keinen LayoutManager gesehen haben. Das JPanel hat von uns einen weißen Hintergrund bekommen, damit wir seine Größe sehen können. Das JPanel wird auf seine volle Größe gezogen, weil der JFrame standardmäßig bereits das BorderLayout hat. Neu ist nun aber, dass der JButton in seiner natürlichen Größe (PreferredSize) dargestellt wird. Zwar horizontal mittig im JFrame, aber nicht vertikal. Das FlowLayout fügt standardmäßig neue Komponenten oben mittig ein. Wenn wir die Größe des JFrames nun nachträglich verändern, behalt der KButton seine relative Position im JFrames bei. Das entspricht der Standardfunktion des FlowLayouts.
	Der aufmerksame Leser wird bereits gemerkt haben, dass wir bisher weit und breit noch keinen LayoutManager gesehen haben. Das JPanel hat von uns einen weißen Hintergrund bekommen, damit wir seine Größe sehen können. Das JPanel wird auf seine volle Größe gezogen, weil der JFrame standardmäßig bereits das BorderLayout hat. Neu ist nun aber, dass der JButton in seiner natürlichen Größe (PreferredSize) dargestellt wird. Zwar horizontal mittig im JFrame, aber nicht vertikal. Das FlowLayout fügt standardmäßig neue Komponenten oben mittig ein. ~~Das können~~ wir nun ~~sehen~~.

	===GridBagLayout===		===GridBagLayout===
			[[Datei:JFrame mit GridBagLayout.png\|mini]]
	Es gibt durchaus Anwendungsfälle, bei denen man nur eine Komponente in der Mitte eines Panels oder eines Fensters ausgeben möchte. Wir stellen dafür nun den wohl mächtigsten und kompliziertesten LayoutManger vor, den wir dafür benutzen könnten. Das [[GridBagLayout]]. Und natürlich fahren wir jetzt mit dem Panzer durch den Garten. Aber so würde das aussehen:		Es gibt durchaus Anwendungsfälle, bei denen man nur eine Komponente in der Mitte eines Panels oder eines Fensters ausgeben möchte. Wir stellen dafür nun den wohl mächtigsten und kompliziertesten LayoutManger vor, den wir dafür benutzen könnten. Das [[GridBagLayout]]. Und natürlich fahren wir jetzt mit dem Panzer durch den Garten. Aber so würde das aussehen:

Zeile 135:		Zeile 135:
	frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);		frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);

	JPanel panel = new JPanel(new GridBagLayout());		JPanel panel = new JPanel(new GridBagLayout()); //ersetzen des Standard-LayoutManagers
	panel.setBackground(Color.WHITE);		panel.setBackground(Color.WHITE);

Zeile 149:		Zeile 149:

	} </syntaxhighlight>		} </syntaxhighlight>
	~~[[Datei:JFrame mit GridBagLayout.png\|mini]]~~

			Das JPanel erhält bei seiner Instanziierung einen anderen LayoutManager und verändert damit die Strategie des Positionierens und Dimensionierens der hinzugefügten GUI-Komponenten.
			Wenn wir nun die Größe des JFrames nachträglich verändern, bleibt der JButton in der Mitte des JFrames. Das entspricht dem Standard-Verhalten des GridBagLayouts, wenn keine weiteren Einstellungen vorgenommen wurden.


	[[Kategorie:Java-Codeschnipsel]]		[[Kategorie:Java-Codeschnipsel]]
	[[Kategorie:Tutorials (Java)]]		[[Kategorie:Tutorials (Java)]]

L-ectron-X am 5. Februar 2021 um 12:43 Uhr

2021-02-05T12:43:57Z

← Nächstältere Version		Version vom 5. Februar 2021, 12:43 Uhr
Zeile 149:		Zeile 149:

	} </syntaxhighlight>		} </syntaxhighlight>
	[[Datei:JFrame mit GridBagLayout\|mini]]		[[Datei:JFrame mit GridBagLayout.png\|mini]]

L-ectron-X am 5. Februar 2021 um 12:37 Uhr

2021-02-05T12:37:30Z

← Nächstältere Version		Version vom 5. Februar 2021, 12:37 Uhr
Zeile 1:		Zeile 1:
	==~~LayoutManager für~~ Java~~-Einsteiger~~==		==Eine GUI-Komponente in Java zentriert anordnen==

	Viele Java-Einsteiger haben am Anfang oft das gleiche Problem beim Aufbau ihrer ersten Benutzeroberfläche in Java, z.B. mit [[Swing]]. Sie schalten den [[LayoutManager]] mit <code>setLayout(null);</code> aus und positionieren und dimensionieren ihre GUI-Komponenten wie [[JButton]] oder [[JLabel]] manuell durch Angabe von Koordinaten und Dimensionen mit Hilfe der setBounds()-[[Methode]].		Viele Java-Einsteiger haben am Anfang oft das gleiche Problem beim Aufbau ihrer ersten Benutzeroberfläche in Java, z.B. mit [[Swing]]. Sie schalten den [[LayoutManager]] mit <code>setLayout(null);</code> aus und positionieren und dimensionieren ihre GUI-Komponenten wie [[JButton]] oder [[JLabel]] manuell durch Angabe von Koordinaten und Dimensionen mit Hilfe der setBounds()-[[Methode]].

L-ectron-X: L-ectron-X verschob die Seite Eine GUI-Komponente in Java zentriert anordnen nach LayoutManager für Java-Einsteiger, ohne dabei eine Weiterleitung anzulegen

2021-02-05T12:36:47Z

L-ectron-X verschob die Seite Eine GUI-Komponente in Java zentriert anordnen nach LayoutManager für Java-Einsteiger, ohne dabei eine Weiterleitung anzulegen

← Nächstältere Version	Version vom 5. Februar 2021, 12:36 Uhr
(kein Unterschied)

L-ectron-X: /* FlowLayout */

2021-02-03T20:06:43Z

FlowLayout

← Nächstältere Version		Version vom 3. Februar 2021, 20:06 Uhr
Zeile 86:		Zeile 86:
	===FlowLayout===		===FlowLayout===

	Versuchen wir es mit [[FlowLayout]]. Wir wissen, dass ein [[JPanel]] eine vielseitige GUI-Komponente ist, auf der man zeichnen und weitere GUI-Komponenten verankern kann und dass es von den Java-Entwicklern bereits mit einem FlowLayout ausgestattet wurde. Sehen wir uns an, wie nun das FlowLayout des JPanels den [[JButton]] anordnet.		Versuchen wir es mit [[FlowLayout]]. Wir wissen, dass ein [[JPanel]] eine vielseitige GUI-Komponente ist, auf der man zeichnen und weitere GUI-Komponenten verankern kann und dass es '''von den Java-Entwicklern bereits mit einem FlowLayout ausgestattet''' wurde. Sehen wir uns an, wie nun das FlowLayout des JPanels den [[JButton]] anordnet.
	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">
	import java.awt.Color;		import java.awt.Color;

L-ectron-X: /* main()-Methode */

2021-02-03T20:05:40Z

main()-Methode

← Nächstältere Version		Version vom 3. Februar 2021, 20:05 Uhr
Zeile 31:		Zeile 31:
	} </syntaxhighlight>		} </syntaxhighlight>

	In der main()-Methode erzeugen wir eine [[Instanz]] der Klasse JFrame. Dem [[Konstruktor]] der Klasse JFrame übergeben wir einen [[String]], der in der Titelzeile des JFrames angezeigt werden soll. Außerdem nehmen wir an unserem JFrame-Exemplar nun noch einige Einstellungen vor. Zunächst erst einmal ändern wir die Einstellung, wie sich der JFrame verhalten soll, wenn wir seinen Schließen-Button klicken. Wir möchten, dass die [[JRE]] das Fenster beim Beenden schließt und es aus dem Speicher entfernt. Das führt dazu, dass sich auch die JRE abschließend beendet.		In der main()-Methode erzeugen wir eine [[Instanz]] der Klasse JFrame. Dem [[Konstruktor]] der Klasse JFrame übergeben wir einen [[String]], der in der Titelzeile des JFrames angezeigt werden soll. Außerdem nehmen wir an unserem JFrame-Exemplar nun noch einige Einstellungen vor. Zunächst erst einmal ändern wir die Einstellung, wie sich der JFrame verhalten soll, wenn wir seinen Schließen-Button klicken. Wir möchten, dass die [[JRE]] das Fenster beim Beenden schließt und es aus dem Speicher entfernt. Das führt dazu, dass sich auch die JRE abschließend beendet. Anschließend sorgen wir noch dafür, dass der JFrame in der Größe 800x500 Pixel und auf dem Bildschirm zentriert dargestellt wird.

	Damit wir die Klasse JFrame in unserem Code benutzen können, müssen wir sie mit einer Import-Anweisung dem [[Compiler]] bekannt machen.		Damit wir die Klasse JFrame in unserem Code benutzen können, müssen wir sie mit einer Import-Anweisung dem [[Compiler]] bekannt machen.

L-ectron-X: /* main()-Methode */

2021-02-03T20:03:24Z

main()-Methode

← Nächstältere Version		Version vom 3. Februar 2021, 20:03 Uhr
Zeile 44:		Zeile 44:
	JFrame frame = new JFrame("Beispiel");		JFrame frame = new JFrame("Beispiel");
	frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);		frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
			frame.setSize(800, 500);
			frame.setLocationRelativeTo(null);
			frame.setVisible(true);
	}		}