LayoutManager Problem mit CardLayout

[hdi]

Hi, ich hab grad große Probleme mit dem CardLayout. Es tut sich in meiner Anwendung zwar etwas, aber nicht das, was ich möchte. Ich hab jetzt versucht da durchzusteigen, aber ich finde schon das Verhalten von einem kleinen Test, den ich geschrieben habe, etwas seltsam.

Im Endeffekt will ich folgendes erreichen:
Ich hab 2 Komponenten auf einem Panel mit CardLayout registriert. Irgendwie tauscht sich das erstmal nur dann aus, wenn ich die ganze Zeit per Hand irgendwelche Sizes neu berechne usw, und zweitens funzt das nur solange man das Frame nicht resized.

Nun, in meiner Demo funktioniert gar nix... Ich versteh das nicht.
Ich möchte dass wenn ich eine Karte austausche, diese Karte auch angzeigt wird, und vorallem soll sie sich der Fenstergröße anpassen. Wieso springt da kein LayoutManger o.ä. an? Ich hab schon alles mögliche versucht, von validate, revalidate, über pack und repaint etc. Irgendwie bringt das alles entweder gar nix oder nicht das gewünschte...

Hier mal meine Demo, in der sich nix tut:

import java.awt.BorderLayout;
import java.awt.CardLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class CardProblem extends JFrame {

	public static void main(String[] args) {
		new CardProblem().setVisible(true);
	}

	public CardProblem() {
		setDefaultCloseOperation(EXIT_ON_CLOSE);

		final JPanel main = new JPanel();
		main.setLayout(new CardLayout());
		JPanel p1 = new JPanel();
		p1.setPreferredSize(new Dimension(300, 50));
		p1.setBackground(Color.yellow);
		JPanel p2 = new JPanel();
		p2.setPreferredSize(new Dimension(300, 200));
		p2.setBackground(Color.cyan);
		main.add("1", p1);
		main.add("2", p2);

		JButton toggle = new JButton("Toggle Card");
		toggle.addActionListener(new ActionListener() {
			private int id = 1;
			@Override
			public void actionPerformed(ActionEvent e) {
				CardLayout cl = (CardLayout) main.getLayout();
				if (id == 1) {
					cl.show(main, "1");
					id = 2;
				} else if (id == 2) {
					cl.show(main, "2");
					id = 1;
				}
			}
		});

		setLayout(new BorderLayout());
		add(toggle, BorderLayout.NORTH);
		add(main);
		pack();
		setLocationRelativeTo(null);
	}
}

 

[Ariol]

Hmm, bei mir klappt das wie gewollt (Ubuntu 9.10, Java 1.6.0_15).
Aber ich hab die id auf 2 gestellt, weil sonst erst beim 2. Klick gewechselt wird...

 

[hdi]

Ach okay das hatte ich verplant. Aber das Problem ist, dass die Teile sich nicht ihrer Größe anpassen. Die sollten ja unterschiedlich groß sein. Aber das Fenster ändert seine Größe sind, sondern streckt das kleinere auf die gleiche größe wie das größere.
In meiner App hab ich das Problem dass eine Karte nur 25 px hoch ist, die andere sollte knapp 300 px groß sein (das ist seine preferred height), aber beim Wechseln bleibt der Bereich nur 25px hoch.
Und nicht mal per manuellem setSize usw krieg ich es hin, dass das Panel mit dem CardLayout halt größer wird, also die preferredSize der ausgewählten Karte übernimmt.

 

[Wildcard]

Ein LayoutManager verändert niemals die Fenstergröße. Die Aufgabe des LayoutManagers ist es die Komponenten auf dem gegebenen Platz sinnvoll anzuordnen. Die Fenstergröße musst du also manuell mit zB pack anpassen. Damit wäre ich zur Laufzeit allerdings sehr sparsam, da ich Fenster die ihre Größe alleine verändern als unangenehm empfinde. Fenster öffnen sich in einer bestimmten default Größe und überlassen es danach dem Benutzer diese Größe zu ändern und respektieren diese Entscheidung dann auch. So zumindest meine Meinung.

 

[hdi]

Ja, ich glaube es kommt nicht ganz rüber was mein Problem ist.
Ich hab ein Frame mit mehreren Komponenten, ganz unten halt ein Panel mit einem CardLayout. Die 2 möglichen Karten haben eine unterschiedliche Höhe (aber gleiche Breite). Bei bestimmten User-Aktionen werden diese Karten halt gewechselt, und das Problem ist, dass ich die Karten beim Wechsel immer an die momentane Fenstergröße anpassen muss (nicht andersrum... Also ich will ja eben, dass die User-Einstellung von der Größe berücksichtigt wird!).
Also am Anfang passt alles, aber wenn der User das Fenster resized und dann die Karten wechselt, passt es nicht mehr. Ach das ist auch echt wieder so sch*** zu erklären, ich hasse sowas. Man muss halt berücksichtigen wie es bei mir in meiner App aussieht, das ist einfach anders als bei der Demo zB. Ich kann kaum in Worte fassen was genau das Problem ist, da passieren so komische Sachen...

Also: Ich will einfach das Verhalten von einem normalen Panel, das passt sich ja auch an wenn man das Fenster resized, je nach Layout des Panels zieht es die Komponenten größer, oder auseinander etc. Aber mit den Karten im CardLayout tut es das halt irgendwie nicht. D.h. die angezeigte Karte passt sich schon an, aber wenn dann die Karte gewechselt wird, passiert:
- ohne ein pack() nichts
- mit pack() wird die Fenstergröße wieder komplett verändert
Beide Karten sollen einfach beim Anzeigen ihre preferred height übernehmen, aber von der Breite her soweit gestreckt sein, wie das Fenster nun mal breit ist. Und das funktioniert nicht

 

[André Uhres]

Beide Karten sollen einfach beim Anzeigen ihre preferred height übernehmen, aber von der Breite her soweit gestreckt sein, wie das Fenster nun mal breit ist.(

Versuch's mal so:

//main.add("1", p1);
//main.add("2", p2);
JPanel containerP1 = new JPanel(new BorderLayout());
containerP1.add(p1, BorderLayout.NORTH);
JPanel containerP2 = new JPanel(new BorderLayout());
containerP2.add(p2, BorderLayout.NORTH);
main.add(containerP1, "1");
main.add(containerP2, "2");

 

[hdi]

@André: Es funktioniert jetzt "halbwegs". Das Problem ist, dass sich die größere Karte irgendwie nach oben aufklappt.
Sprich wenn Karte a 100 px hoch ist, und KArte b ist 500 px hoch, dann wird das Fenster beim Umschalten von a nach b nicht 400px höher, sondern die Karte b geht in das Frame hinein, und überdeckt andere Komponenten. Das Fenster wird nicht größer.
Mein Code:

public TabCards(DetailsPanel details, NoSelectionPanel nosel) {
		super(new CardLayout());
		this.details = details;
		this.nosel = nosel;

		JPanel containerDetails = new JPanel(new BorderLayout());
		containerDetails.add(details,BorderLayout.NORTH);

		JPanel containerNosel = new JPanel(new BorderLayout());
		containerNosel.add(nosel,BorderLayout.NORTH);

		add(containerNosel,NOSEL);
		add(containerDetails,DETAILS);

		last = -1;
		setPreferredSize(nosel.getPreferredSize());
	}

	@Override
	public void valueChanged(ListSelectionEvent e) {

		int now = e.getFirstIndex();
		if ((now != -1 && last == -1) || (now == -1 && last != -1)) {
			CardLayout cl = (CardLayout) getLayout();
			if (now == -1) {
				cl.show(this, NOSEL);
				setPreferredSize(nosel.getPreferredSize());
			} else {
				cl.show(this, DETAILS);
				setPreferredSize(details.getPreferredSize());
			}
			last = now;
		}
	}

 

[hdi]

So, also ich hab's jetzt zwar zum Laufen gebracht, aber es läuft nicht gut...
Ich muss sowohl die Size vom Panel mit dem CardLayout ändern, als auch die Size vom Frame anpassen:

	@Override
	public void valueChanged(ListSelectionEvent e) {

		int now = e.getFirstIndex();
		if ((now != -1 && last == -1) || (now == -1 && last != -1)) {
			CardLayout cl = (CardLayout) getLayout();
			if (now == -1) {
				int newHeight = frame.getSize().height
						- (details.getPreferredSize().height - nosel
								.getPreferredSize().height);
				cl.show(this, NOSEL);
				frame.setSize(frame.getSize().width, newHeight);
				setPreferredSize(nosel.getPreferredSize());
				
			} else {
				int newHeight = frame.getSize().height
						+ (details.getPreferredSize().height - nosel
								.getPreferredSize().height);
				cl.show(this, DETAILS);
				frame.setSize(frame.getSize().width, newHeight);
				setPreferredSize(details.getPreferredSize());
			}
			last = now;
		}
	}

Das Problem ist, dass man noch immer sehen kann wie er erst die Karte nach oben drückt (siehe mein letzter Post), und dann resized sich das ganze Frame erst und die Karte rutscht nach unten. den show()-Aufruf erst nach dem Anpassen der Größen zu tätigen, ändert nix.

Ich verstehe das nicht.. wie kommt er dazu, die Karte nach oben zu drücken? Liegt es daran, dass mein Panel mit dem CardLayout im Frame bei BorderLayout.SOUTH geaddet ist? Wieso macht er das Fenster nicht einfach größer, ist doch sonst auch so...

Verdammt ich bin echt am Verzweifeln mit dem Sh** Könnt ihr mir bitte weiterhelfen?

 

[Michael...]

Meinst Du sowas? Ist halt ein bisschen zusammengeschustert und der Code schaut noch nicht so schön aus.

import java.awt.BorderLayout;
import java.awt.CardLayout;
import java.awt.Color;
import java.awt.Dimension;

import javax.swing.BorderFactory;
import javax.swing.JFrame;
import javax.swing.JList;
import javax.swing.JPanel;
import javax.swing.event.ListSelectionEvent;
import javax.swing.event.ListSelectionListener;

public class CardResizeDemo extends JFrame implements ListSelectionListener {
	private JList list;
	private JPanel cardPanel;
	private CardLayout layout;
	private JPanel[] karte;

	public static void main(String[] args) {
		new CardResizeDemo().setVisible(true);
	}

	public CardResizeDemo() {
		this.setBounds(100, 100, 600, 500);
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		list = new JList(new String[] { "Karte 1", "Karte 2" });
		list.addListSelectionListener(this);
		list.setPreferredSize(new Dimension(100, 200));
		this.getContentPane().add(list, BorderLayout.NORTH);
		cardPanel = new JPanel(layout = new CardLayout());
		cardPanel.setBorder(BorderFactory.createEtchedBorder());
		karte = new JPanel[2];
		karte[0] = new JPanel();
		karte[0].setOpaque(true);
		karte[0].setBackground(Color.GREEN);
		karte[0].setPreferredSize(new Dimension(300, 300));
		karte[1] = new JPanel();
		karte[1].setOpaque(true);
		karte[1].setBackground(Color.RED);
		karte[1].setPreferredSize(new Dimension(300, 400));
		cardPanel.add("Karte 1", karte[0]);
		cardPanel.add("Karte 2", karte[1]);
		this.getContentPane().add(cardPanel, BorderLayout.CENTER);
	}

	public void valueChanged(ListSelectionEvent evt) {
		if (!evt.getValueIsAdjusting()) {
			layout.show(cardPanel, list.getSelectedValue().toString());
			JPanel p = karte[list.getSelectedIndex()];
			this.setSize(new Dimension(this.getWidth(), p.getPreferredSize().height + 200));
			this.validate();
		}
	}
}

 

[hdi]

Hi Michael,

...nicht ganz. In meiner App würde das so nicht funktionieren, u.a. weil ich das Frame per pack() zusammenbaue. Ich hab das so angepasst wie ich das eig. bräuchte, hier der angepasste Code:

import java.awt.BorderLayout;
import java.awt.CardLayout;
import java.awt.Color;
import java.awt.Dimension;

import javax.swing.BorderFactory;
import javax.swing.JFrame;
import javax.swing.JList;
import javax.swing.JPanel;
import javax.swing.event.ListSelectionEvent;
import javax.swing.event.ListSelectionListener;

public class CardResizeDemo extends JFrame implements ListSelectionListener {
	private JList list;
	private JPanel cardPanel;
	private CardLayout layout;
	private JPanel[] karte;

	public static void main(String[] args) {
		new CardResizeDemo().setVisible(true);
	}

	public CardResizeDemo() {
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		list = new JList(new String[]{"Karte 1", "Karte 2"});
		list.addListSelectionListener(this);
		list.setPreferredSize(new Dimension(100, 50));
		this.getContentPane().add(list, BorderLayout.NORTH);
		cardPanel = new JPanel(layout = new CardLayout());
		cardPanel.setBorder(BorderFactory.createEtchedBorder());
		karte = new JPanel[2];
		karte[0] = new JPanel();
		karte[0].setOpaque(true);
		karte[0].setBackground(Color.GREEN);
		karte[0].setPreferredSize(new Dimension(300, 200));
		karte[1] = new JPanel();
		karte[1].setOpaque(true);
		karte[1].setBackground(Color.RED);
		karte[1].setPreferredSize(new Dimension(300, 100));
		cardPanel.add("Karte 1", karte[0]);
		cardPanel.add("Karte 2", karte[1]);
		this.getContentPane().add(cardPanel, BorderLayout.CENTER);
		pack();
		setLocationRelativeTo(null);
	}

	public void valueChanged(ListSelectionEvent evt) {
		if (!evt.getValueIsAdjusting()) {
			layout.show(cardPanel, list.getSelectedValue().toString());
			JPanel p = karte[list.getSelectedIndex()];
			cardPanel.setSize(new Dimension(this.getWidth(), p
					.getPreferredSize().height));
			cardPanel.validate();
		}
	}
}

Und hier gleich mal ein Fragezeichen: Ich rufe auf dem cardPanel setSize() auf, also nicht setPreferredSize(). D.h. es sollte doch kein pack() notwendig sein, oder? Und selbst wenn: Wie du siehst ist das CardPanel immer so groß wie die größte Karte, egal welche aktiviert ist.
Warum funktioniert das nicht?

Warum kann er nicht ganz normal, wie jedes andere Layout auch, die preferredSize der Komponente nehmen? Selbst wenn man es ihm dann explizit noch sagt per setSize() (alleine das finde ich schon komisch, dass man das tun muss...), dann passiert... nichts ???:L

 

[Michael...]

Ändere mal die letzten Zeilen wie folgt ab.
[JAVA=43] cardPanel.setPreferredSize(karte[0].getPreferredSize());
pack();
setLocationRelativeTo(null);
}

public void valueChanged(ListSelectionEvent evt) {
if (!evt.getValueIsAdjusting()) {
layout.show(cardPanel, list.getSelectedValue().toString());
JPanel p = karte[list.getSelectedIndex()];
cardPanel.setPreferredSize(p.getPreferredSize());
pack();
}
}
}[/code]
Wenn ich die Größe einer Komponente anpassen will dann benutzte ich immer setPreferredSize(...) das mit setSize(...) funktioniert meist nur bei den Frames. Bin da zwar kein Experte, aber ich habe das Gefühl, dass LayoutManager zunächst mal die preferredSize() der Komponente abfragen und dann selbst setSize() aufrufen, daher hat dann Dein setSize() keine Auswirkung. Das pack() am Ende ist in dem Fall notwendig, da sich ja die Fenstergröße ändern muss.

 

[hdi]

Das funktioniert aber nur solange man das Frame nicht resized. Weil er es sonst jedesmal wieder auf die preferredSize der Karten anpasst. Aber jetzt hab ich's raus. Auch logisch eig:

	public void valueChanged(ListSelectionEvent evt) {
		if (!evt.getValueIsAdjusting()) {
			layout.show(cardPanel, list.getSelectedValue().toString());
			JPanel p = karte[list.getSelectedIndex()];
			Dimension newSize = new Dimension(this.getSize().width, this
					.getSize().height); // +- difference between this card and
										// the previously selected
			cardPanel.setPreferredSize(p.getPreferredSize());
			this.setPreferredSize(newSize);
			pack();
		}
	}

Ich hatte das eig. auch schon, aber ich glaub ich hatte öfters mal den Flüchtigkeitsfehler gemacht die preferredSize auf das Layout anzuwenden, nicht auf das Panel mit dem Layout

...naja also jetzt klappt's auch mit resize. Danke!!