Problem mit Box bzw BorderLayout

[Ruderer1993]

Hey, ich habe einen Frame der bei einem kleinen Programm die Optionen darstellen soll.
Ich habe dabei eine Überschrift (als Label), eine EditorPane in der eine HTML Datei angezeigt wird und dann zwei JRadioButtons mit denen man Musik an/ausschalten soll und einen Zurück Button der zum StartFrame leiten soll.

Ich wollte mein Programm nun wie folgt aufbauen:

Überschrift - Label -> North(Border Layout)
EditorPane && JRadioButtons(Border Layout Center, und im Panel selber nochmal BoxLayout damit die JRadioButtons eben unter der JEditorPane sind)
Zurück Button -> South BorderLayout

Das klappt auch alles fast
Das Problem ist das die JRadioButtons zwar unter der JEditorPane angezeigt werden, aber nicht links "orientiert" sind. Außerdem stehen jene untereinander und nicht nebeneinander.
Ich poste hier einfach mal zwei Bilder so wie ich es im Moment habe und so wie es sein soll.

Hier auch mal der Code:

public class OptionFrame implements ActionListener {

	JButton backButton;
	JFrame f;
	JLabel headline;
	JEditorPane editorPane;
	JPanel centerPanel;
	JPanel northPanel;
	JPanel southPanel;
	
	public OptionFrame(int w, int h) {
		
		f = new JFrame("Optionen");
		f.setPreferredSize(new Dimension(w,h));
		f.setLocation(100,100);
		f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		f.setLayout(new BorderLayout());
		
		centerPanel = new JPanel();
		northPanel = new JPanel();
		southPanel = new JPanel();
		
		southPanel.setLayout(new BorderLayout());
		northPanel.setLayout(new BorderLayout());
		centerPanel.setLayout(new BoxLayout(centerPanel,BoxLayout.Y_AXIS));
		
		JRadioButton switchMusicOn = new JRadioButton("Sound an");
		switchMusicOn.setActionCommand("on");
		
		JRadioButton switchMusicOff = new JRadioButton("Sound aus");
		switchMusicOff.setActionCommand("off");
		switchMusicOff.setForeground(Color.WHITE);
		switchMusicOn.setForeground(Color.WHITE);
		
		ButtonGroup group = new ButtonGroup();
		group.add(switchMusicOn);
		group.add(switchMusicOff);

		switchMusicOff.addActionListener(this);
		switchMusicOn.addActionListener(this);
		
				
		headline = new JLabel("Optionen");
		headline.setForeground(Color.WHITE);
		headline.setFont(new Font("Arial",Font.BOLD,60));
		northPanel.add(headline,BorderLayout.NORTH);
		
		String url = ""+getClass().getResource("option.html");
		
		try {
			editorPane = new JEditorPane(url);
			
			EditorKit editorKit = editorPane.getEditorKitForContentType ("text/html");
			editorPane.setEditorKit (editorKit);
			editorPane.setPage(url);
			editorPane.setEditable(false);
			
			editorPane.setAlignmentX(Component.CENTER_ALIGNMENT);
			editorPane.setAlignmentY(Component.CENTER_ALIGNMENT);
			editorPane.setBackground(Color.BLUE);			
			centerPanel.add (editorPane);
		} catch (IOException e) {
			e.printStackTrace();
		}
		switchMusicOff.setAlignmentX(Component.LEFT_ALIGNMENT);
		switchMusicOff.setAlignmentY(Component.BOTTOM_ALIGNMENT);
		switchMusicOn.setAlignmentX(Component.LEFT_ALIGNMENT);
		switchMusicOn.setAlignmentY(Component.BOTTOM_ALIGNMENT);
		
		centerPanel.add(switchMusicOff);
		centerPanel.add(switchMusicOn);
		
		
		
	    
		backButton = new JButton("Zurück");
		backButton.setActionCommand("back");
		backButton.addActionListener(this);
		southPanel.add(backButton,BorderLayout.SOUTH);
		

	    Container cp = f.getContentPane();
	    Container cp1 = northPanel;
	    Container cp2 = southPanel;
	    Container cp3 = centerPanel;
	    cp2.setBackground(Color.BLUE);
	    cp3.setBackground(Color.BLUE);
	    cp1.setBackground(Color.BLUE);
	    cp.setBackground(Color.BLUE);	
	    f.add(northPanel,BorderLayout.NORTH);
	    f.add(centerPanel,BorderLayout.CENTER);	
	    f.add(southPanel,BorderLayout.SOUTH);
		
	    f.pack();
		f.setVisible(true);
	}
	
	...ActionListener....

Bilder: (siehe Anhang)

 

[Camino]

Na ja, wenn du die Kompomenten im BoxLayout untereinander anordnest und einfügst, dann erscheinen die natürlich auch untereinander. Vielleicht musst du nochmal verschachteln und für die RadioButtons ein eigenes Panel anlegen, auf denen du dann die Ausrichtung bestimmen kannst.

 

[Xeonkryptos]

Es ist klar, dass die RadioButtons sich unterhalb anordnen, weil du in deinem Code den centerPanel mit der Konstanten BoxLayout.Y_AXIS initialisiert, das bedeutet, dass sich alles in dem Layout von oben nach unten ausrichtet!

Für dein Problem bräuchtest du ein weiteres Layout, damit du die RadioButtons von links nach rechts anordnen kannst mit der BoxLayout.X_AXIS-Konstanten.

so meine ich das:

JPanel centerPanel, radioCenterPanel;
centerPanel = new JPanel()
centerPanel.setLayout(new BoxLayout(centerPanel, BoxLayout.Y_AXIS);

radioCenterPanel = new JPanel();
radioCenterPanel.setLayout(newBoxLayout(radioCenterPanel, BoxLayout.X_AXIS);

centerPanel.add(deinEditorPane);

radioCenterPanel.add(radioButtons);

centerPanel.add(radioCenterPanel);

So in etwa müsste es hinhauen, wenn es an die richtigen Stellen packst

 

[jgh]

trotz der schon vorhanden Antworten...so sieht dein Code unverändert bei mir aus, und nur durch Veränderung der
[java=25] centerPanel.setLayout(new BoxLayout(centerPanel,BoxLayout.Y_AXIS));[/code]
auf X_AXIS ist dein gewünschtes Aussehen erreichbar. + das Opaque für die JLabels...

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Component;
import java.awt.Container;
import java.awt.Dimension;
import java.awt.Font;
import java.awt.event.ActionListener;
import java.io.IOException;

import javax.swing.BoxLayout;
import javax.swing.ButtonGroup;
import javax.swing.JButton;
import javax.swing.JEditorPane;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JRadioButton;
import javax.swing.text.EditorKit;

public class OptionFrame {

	JButton backButton;
	JFrame f;
	JLabel headline;
	JEditorPane editorPane;
	JPanel centerPanel;
	JPanel northPanel;
	JPanel southPanel;

	public OptionFrame(int w, int h) {

		f = new JFrame("Optionen");
		f.setPreferredSize(new Dimension(w, h));
		f.setLocation(100, 100);
		f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		f.setLayout(new BorderLayout());

		centerPanel = new JPanel();
		northPanel = new JPanel();
		southPanel = new JPanel();

		southPanel.setLayout(new BorderLayout());
		northPanel.setLayout(new BorderLayout());
		centerPanel.setLayout(new BoxLayout(centerPanel, BoxLayout.X_AXIS));

		JRadioButton switchMusicOn = new JRadioButton("Sound an");
		switchMusicOn.setActionCommand("on");

		JRadioButton switchMusicOff = new JRadioButton("Sound aus");
		switchMusicOff.setActionCommand("off");
		switchMusicOff.setForeground(Color.WHITE);
		switchMusicOn.setForeground(Color.WHITE);
		switchMusicOff.setOpaque(false);
		switchMusicOn.setOpaque(false);

		ButtonGroup group = new ButtonGroup();
		group.add(switchMusicOn);
		group.add(switchMusicOff);

		// switchMusicOff.addActionListener(this);
		// switchMusicOn.addActionListener(this);

		headline = new JLabel("Optionen");
		headline.setForeground(Color.WHITE);
		headline.setFont(new Font("Arial", Font.BOLD, 60));
		northPanel.add(headline, BorderLayout.NORTH);

		String url = "" + getClass().getResource("option.html");

		try {
			editorPane = new JEditorPane(url);

			EditorKit editorKit = editorPane
					.getEditorKitForContentType("text/html");
			editorPane.setEditorKit(editorKit);
			editorPane.setPage(url);
			editorPane.setEditable(false);

			editorPane.setAlignmentX(Component.CENTER_ALIGNMENT);
			editorPane.setAlignmentY(Component.CENTER_ALIGNMENT);
			editorPane.setBackground(Color.BLUE);
			centerPanel.add(editorPane);
		} catch (IOException e) {
			e.printStackTrace();
		}
		switchMusicOff.setAlignmentX(Component.LEFT_ALIGNMENT);
		switchMusicOff.setAlignmentY(Component.BOTTOM_ALIGNMENT);
		switchMusicOn.setAlignmentX(Component.LEFT_ALIGNMENT);
		switchMusicOn.setAlignmentY(Component.BOTTOM_ALIGNMENT);

		centerPanel.add(switchMusicOff);
		centerPanel.add(switchMusicOn);

		backButton = new JButton("Zurück");
		backButton.setActionCommand("back");
		// backButton.addActionListener(this);
		southPanel.add(backButton, BorderLayout.SOUTH);

		Container cp = f.getContentPane();
		Container cp1 = northPanel;
		Container cp2 = southPanel;
		Container cp3 = centerPanel;
		cp2.setBackground(Color.BLUE);
		cp3.setBackground(Color.BLUE);
		cp1.setBackground(Color.BLUE);
		cp.setBackground(Color.BLUE);
		f.add(northPanel, BorderLayout.NORTH);
		f.add(centerPanel, BorderLayout.CENTER);
		f.add(southPanel, BorderLayout.SOUTH);

		f.pack();
		f.setVisible(true);
	}

	public static void main(String[] args) {
		OptionFrame of = new OptionFrame(500, 200);

	}
}

 

[Ruderer1993]

hm ja das macht er dann bei mir auch aber das Problem ist das er das dann wie folgt anzeigt bei mir (weil ich ja noch die EditorPane habe)

 

[Xeonkryptos]

hm ja das macht er dann bei mir auch aber das Problem ist das er das dann wie folgt anzeigt bei mir (weil ich ja noch die EditorPane habe)

Genau deshalb hab ich die Verschachtelung vorgeschlagen! Du packst die RadioButtons in ein eigenes Panel, welches sie seitlich anordnet und packst dieses Panel dann wieder in das centerPanel. Und schon ordnet er das richtig an.

 

[Ruderer1993]

ok habe es nun genau so wie du es vorgeschlagen hast gemacht.. es klappt auch fast. Die Radio Buttons werden nebeneinander und unter der Editor Panne angezeigt.
Aber sie werden nicht Links vom Frame angezeigt obwohl ich Component.LEFT_ALIGNMENT geschrieben habe ... dazu vllt noch eine Idee ? Danke schonmal bis hierhin !

Edit: Habs nun hinbekommen... einfach bei dem RadioCenterPanel ein FlowLayout genommen und schon gings... merkwürdig aber nun gut..
Danke !