LayoutManager Hilfe bei Wahl des Layouts

[jBen]

Hallo,

habe folgendes Layout erdacht (siehe Bild). Es soll aus 3 TextFeldern und einer TextArea und einem Button bestehen und ca. so aussehen wie auf dem Bild. Leider komme ich mit BorderLayout nicht zu glücklichen Ergebnissen. Mir würde es auch reichen, wenn der Button unter dem unteren Textfeld wäre und sogesehen die gleiche Größe hätte, aber das klappt nicht.

Wer hat ne leichte und umkomplizierte Lösung parat?

Vielen Dank schon einmal für Hilfe 🙂

 

[Flown]

[EDIT]Zu schnell und nicht aufs Bild gewartet Moment:[/EDIT]

Also als Container ein JPanel mit einem BorderLayout.
In die erste Reihe ein JPanel mit den 2 TextField und einfachen FlowLayout. BorderLayout.NORTH
In die zweite Reihe einfach die JTextArea. BorderLayout.CENTER
In die dritte ebenfalls ein JPanel mit FlowLayout indem du das JTextField und den JButton wirfst. BorderLayout.SOUTH

et voilà

 

[Fab1]

Hoffe mein Lösungsvorschlag entspricht deinen Vorstellungen 🙂

Man könnte nun ja sagen ich hätte das von Flown abgeschaut aber ...

hab ich nicht.

 

[Michael...]

Lösung: Komponenten mit verschiedenen Layouts verschachteln
Als "Über"Layout bietet sich ja BorderLayout an sind die zwei Komponenten oben gleich groß? => ein JPanel mit GridLayout die Komponenten da rein und das JPanel in den NORTH Bereich des BorderLayouts.
Unten (SOUTH) ein JPanel mit BorderLayout, das Textfeld in den CENTER und den Button in den EAST Bereich.
Die Textarea in den CENTER des "Über"Layouts

 

[Flown]

Man könnte nun ja sagen ich hätte das von Flown abgeschaut aber ...

hab ich nicht.

Kenn ich all zu gut. Aber einmal ist man auch schneller als andere xD

 

[jBen]

Danke für die schnelle Antwort. Ich habe es so gemacht:

		mainPanel = new JPanel();
		panelNorth = new JPanel();
		panelSouth = new JPanel();
		
		sendText = new JTextField();
		txtHost = new JTextField();
		txtPort = new JTextField();
		
		recText = new JTextArea();
		button1 = new JButton("send");
		
		mainPanel.setLayout(new BorderLayout());
		panelNorth.setLayout(new FlowLayout());
		panelSouth.setLayout(new FlowLayout());
		
		frame.setContentPane(mainPanel);
		
		panelNorth.add(txtHost);
		panelNorth.add(txtPort);
		
		panelSouth.add(sendText);
		panelSouth.add(button1);
		
		mainPanel.add(recText, BorderLayout.CENTER);
		mainPanel.add(panelNorth, BorderLayout.NORTH);
		mainPanel.add(panelSouth, BorderLayout.SOUTH);

und raus kommt das hier (s. Anhang)

P.S.: Wäre deine Lösung so wie man es tatsächlich elegant löst? Würde mich jetzt als Anfänger interessieren, weil ich bald höchstwahrschienlich viele Swing Anwendugnen machen muss 😀

 

[Fab1]

public JTextField(int columns)

Constructs a new empty TextField with the specified number of columns. A default model is created and the initial string is set to null.

Parameters:
columns - the number of columns to use to calculate the preferred width; if columns is set to zero, the preferred width will be whatever naturally results from the component implementation

Du kannst deinen Textfelder gleiche bei der Instantiierung eine Größe zuweisen. Dann würde die Sache anders aussehen.

 

[jBen]

Super das klappt!

Und wegen meiner Frage, ob dies nun die elegante Variante bzw. konforme ist?

 

[jgh]

ich kann dir mal dieses ein wenig abgeänderte Bsp anbieten.
Grundsätzlich würde ich an deiner Stelle versuchen, nicht alles in eine Klasse zu packen => deine North, south und Center-Panels in eigene Klassen packen. Liegt natürlich daran, was für Komplexität dazu kommen soll.

Und was Default mässig eh eingestellt ist, würde ich pers. auch nicht hinschreiben, also bspw. beim JPanel .

setLayout(new FlowLayout());

, oder einem JFrame ein BorderLayout zuweisen...ist aber natürlich geschmackssache, genauso dieses "hässliche" [c]getContentPane.add...[/c] , naja...jeder so wie es ihm/ihr gefällt 😉

public static void main(String[] args) {
		JFrame f = new JFrame();
		f.setSize(500, 500);

		JPanel mainPanel = new JPanel();
		JPanel panelNorth = new JPanel();
		JPanel panelSouth = new JPanel();

		JTextField sendText = new JTextField();
		sendText.setPreferredSize(new Dimension(0, 40));

		JTextField txtHost = new JTextField();
		txtHost.setPreferredSize(new Dimension(0, 40));

		JTextField txtPort = new JTextField();
		JTextArea recText = new JTextArea();
		JButton button1 = new JButton("send");

		mainPanel.setLayout(new BorderLayout());

		GridLayout gl = new GridLayout();
		gl.setHgap(10);
		gl.setVgap(5);
		panelNorth.setLayout(gl);
		panelSouth.setLayout(new GridBagLayout());
		GridBagConstraints gbc = new GridBagConstraints();

		gbc.weightx = 1;
		gbc.gridx = 0;
		gbc.fill = GridBagConstraints.BOTH;
		panelSouth.add(sendText, gbc);

		gbc.weightx = 0;
		gbc.gridx = 1;
		panelSouth.add(button1, gbc);

		panelNorth.add(txtHost);
		panelNorth.add(txtPort);

		mainPanel.add(recText, BorderLayout.CENTER);
		mainPanel.add(panelNorth, BorderLayout.NORTH);
		mainPanel.add(panelSouth, BorderLayout.SOUTH);

		f.add(mainPanel);

		f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		f.setLocationRelativeTo(null);
		f.setVisible(true);
	}

 

[Michael...]

Super das klappt!

Und wegen meiner Frage, ob dies nun die elegante Variante bzw. konforme ist?

Warum sollte sie nicht konform (zu was überhaupt) sein? Elegant darfst Du selbst entscheiden.

		JTextField[] field = new JTextField[] {new JTextField(), new JTextField(), new JTextField()};
		JTextArea area = new JTextArea();
		JButton button = new JButton("Send");
		
		JFrame frame = new JFrame();
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		frame.setSize(300, 300);
		JPanel panel = new JPanel(new GridLayout(1, 2, 10, 0));
		panel.add(field[0]);
		panel.add(field[1]);
		frame.add(panel, BorderLayout.NORTH);
		frame.add(area, BorderLayout.CENTER);
		panel = new JPanel(new BorderLayout(10, 0));
		panel.add(field[2], BorderLayout.CENTER);
		panel.add(button, BorderLayout.EAST);
		frame.add(panel, BorderLayout.SOUTH);
		frame.setVisible(true);