Welcher LayoutManager

[NoWitzness]

Hallo Leute!!

Ganz neu hier und gleich eine Frage an euch

Ich schaffe es nicht ein geordnetes Layout aus einer while schleife zu erstellen.
Ich lese bestimmte Produkte aus verschiedenen Tabellen einer MySQL Datenbank aus, und gebe diese an JLabels weiter.

Jedes Produkt hat einen Namen und nen Preis, als auch eine ID.

Jetzt hätte ich gerne je ein produkt mit seinen Eigenschaften in einem eigenen jPanel angeordnet, das wiederrum eine feste grösse hat(200*200).

Solange mein ResultSet einen weiteren Eintrag hat wird für jeden ein eigenes jPanel erstellt und auf mein JFrame (430*800) gelegt.

Nur welchen Layoutmanager verwende ich am besten?? Ich spiel mich jetzt schon seit 2 Tagen herum und bekomms nicht auf die Reihe. ich hätte "einfach" gerne 2 Spalten in einem Fenster (JFrame) mit einer dynamischen anzahl an reihen. abhängig von der höchsten id der jeweiligen produktkategorie..
die Möglichkeit sollte am besten eine Scrollbar unterstützen.

meine Panels werden immer resized ;( und das ergebnis ist fürchterlich :autsch:

hat vielleicht wer ne Idee wie sowas funktionieren könnte?

Danke!

 

[knilch]

Hi,
Du könntest es vielleicht so hinkriegen:
Nimm ein GridLayout.

GridLayout gridLayout= new GridLayout(0,2);
compsToExperiment.setLayout(gridLayout);

1. Füge alle Produkte in eine ArrayList<> ein

ArrayList<Product> productList = new ArrayList<Product>();
for(int i=0; i<anzahlProducts; i++) {
   productList.add(new Product("productName", id)) // hier alle Produkte in die ArrayListe einfügen.
}

2. sortiere die ArrayList dann (indem dass du das Interface Comparable in der Klasse Product implementierst) anhand der id.

Collections.sort(productList);

3. füge die Produkte mit einem for-each loop ein

for(Product product : productList) {
   compsToExperiment.add(new JPanel(product.getId));
}

iterieren.
Im for-each -loop fügst du dann die Prodkte in ein GridLayout ein.

auf dieser Seite ist ein Beispiel wie GridLayout aussieht: How to Use GridLayout (The Java™ Tutorials > Creating a GUI With JFC/Swing > Laying Out Components Within a Container). Es hat noch diverse andere Beispiele, die dir vielleicht helfen, das richtige Layout zu wählen, falls GridLayout nicht das ist, was du möchtest.

 

[NoWitzness]

Hallo knilch!

Danke für deine Antwort! Doch an der Logik happert es ja nicht. Das funktioniert alles so wie ich es gerne hätte

Vielmehr kämpfe ich mit dem Layout herum das in etwa diese Form haben soll ..

Mein Problem ist, dass alle Panels, die ich auf welches Layout auch immer setze, resized werden.

Ich würde gerne ein "gekacheltes" Frame erhalten. Ähnlich wie dem auf meiner epischen Zeichnung :lol:

Das scheint aber nicht möglich zu sein .. :noe:

Das hab ich gerade gefunden ..

käme meinem Vorhaben schon sehr nahe ..

 

[Lodoss]

probier mal, die größe der panels nicht mit "setSize(...)" zu setzen, sondern mit "setPrefferedSize(...)"
LayoutManager ignorieren die größe von "setSize(...)".

Wenn das nicht hilft, versuch auch nochmal "setMinimumSize(...)"

 

[NoWitzness]

Hallo Lodoss!

Bei setPrefferedSize funktionierts auch nicht .. das ergebnis (um die Panels zu sehn hab ich sie mit einem gelben Border versehen) und hier auch mit 3 spalten getestet ..

Das wird dann daraus ;( Ich weiss schon nichtmehr was ich sonst noch versuchen kann...
Vielleicht ein durchsichtiges png Bild als Hintergrund für jedes Panel?

:rtfm:

 

[Thallius]

Ich verstehe gerade Dein Problem nicht. Wenn die Panels für ein Produkt eine feste Größe haben sollen, dann brauchst du doch eigentlich gar keinen Layout-Manager? Du kannst doch einfach für jedes Produkt ein Panel mit der festen Größe nehmen und sogar fest auf dem Frame platzieren. Wie groß der Frame ist weiß Du ja und entsprechend auch wieviele dieser Panels mit fester Größe nebeneinander passen. Der Rest ist reine Mathematik.

Gruß

Claus

 

[NoWitzness]

hey Thallius

auch dir danke!

Ja, das war meine erste Überlegung und auch die einzige Möglichkeit die in etwa funktioniert hat.

Leider bin ich bei der Mathematik nicht ganz dahintergstiegen wie ich das rechne.
bei einer Reihe wäre es kein Problem. aber wenn das, so wie ichs will in einer 2er Reihe stehen soll, wirds wesentlich interessanter...

Ich hab ein Frame das gesamt 430 * 800 sein soll.

das erste panel kommt mit setBounds auf x-10, y-10, das Zweite Panel kommt auf x-220, y-10 (10 abstand +200 fürs Panel + 10 Freiraum=220) .
Das dritte kommt allerdings wieder in die nächste Zeile mit x-10, y-220, das vierte auf x-220, y-220 usw ...

aber wie verpacke ich das in meine while (rs.next()){...}.... Schleife??

Kann schon keine koordinaten mehr sehn

edit: Hopalla - schon verrechnet ^^ hab die Koordinaten angepasst!

 

[Thallius]

Das ist ja nun wirklich sehr einfach:

int leftOffset=10;
int topOffset=10;
int horizOffset=10;
int vertOffset=10;

int panelWidth=200;
int panelHeight=200;

int top=topOffset;

for(int i=0;i<anzahlPanels;i++)
{
    int left=leftOffset;
    if(i%2)
        left+=panelWidth+horizOffset;
    // hier erzeue Panel(left,top);
    if(i%2)
        top+=panelHeight+vertOffset;
}

Gruß

Claus

 

[NoWitzness]

Das ist ja nun wirklich sehr einfach:

Ich beschäftige mich erst seit 4 Monaten mit Java - für mich ists (leider) noch nicht so leicht :bae:

aber ich hatte es auf die selbe weise versucht, nur war meine if schleife schon eeeeeeewig lang geworden und hat nicht funktioniert ^^ aber ich habe auch mit 4 variablen versucht, ans ziel zu kommen....

werde wohl noch länger üben und versuchen müssen :toll:

aber danke dir schonmal!

 

[turtle]

Layout-Manager und Swing (vlt. in Eclipse)?

Da nehme ich IMMER jGoodies FormLayout. Dieses Layout wird in Eclipse im WindowBuilder-Plugin unterstützt. Ich hab noch kein Layout gesehen, was damit nicht geht ohne auf einen anderen Layout-Manager wechseln zu müssen

Ich habe mal auf die Schnelle ein Panel gebaut

 

[NoWitzness]

int leftOffset=10;
int topOffset=10;
int horizOffset=10;
int vertOffset=10;

int panelWidth=200;
int panelHeight=200;

int top=topOffset;

for(int i=0;i<anzahlPanels;i++)
{
    int left=leftOffset;
    if(i%2)
        left+=panelWidth+horizOffset;
    // hier erzeue Panel(left,top);
    if(i%2)
        top+=panelHeight+vertOffset;
}

Gruß

Claus

Hast du hier einen fehler oder verstehe ich dieses Konstrukt nicht ganz? Wieso 2* if(i%2) ??
Was passiert hier genau? Wieso weisst du der top variable ausserhalb der schleife den topOffset zu und de left variable innerhalb der Schleife??

"// hier erzeue Panel(left,top);" fehlt hier 3 zeilen weiter unterhalb das "// hier erzeue Panel(right,top);"?? oder versteh ich garnix?

 

[NoWitzness]

Layout-Manager und Swing (vlt. in Eclipse)?

Da nehme ich IMMER jGoodies FormLayout. Dieses Layout wird in Eclipse im WindowBuilder-Plugin unterstützt. Ich hab noch kein Layout gesehen, was damit nicht geht ohne auf einen anderen Layout-Manager wechseln zu müssen

Ich habe mal auf die Schnelle ein Panel gebaut

Danke auch dir aber ist es auch möglich, genau soein panel, viele male auf ein Frame zu packen? Die alle gleichgross sind zb. 200*200 in 2er Reihe? Also 2 Spalten und x anzahl an Reihen? Ich hätte also gerne 2 solcher Panels in einer Reihe und davon eine dynamische anzahl an reihen mit jeweils wieder 2 spalten und jede dieser spalten mit (so)einem Panel befüllt.

Geht das? ^^

 

[Lodoss]

hab da mal ne kleine Demo gebaut die dein Problemchen abbilden kann
es gibt noch einen kleinen Bug, das der layoutManager nicht ganz sauber läuft während man die Scrollbar bewegt, aber das bekommst du schon noch hin

wenn du fragen dazu hast, einfach raus damit

PS: spaltenanzahl, abstand und standardhöhe sind einstellbar

package shopGUI;

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Rectangle;
import java.awt.event.AdjustmentEvent;
import java.awt.event.AdjustmentListener;
import java.awt.event.ComponentEvent;
import java.awt.event.ComponentListener;
import java.util.ArrayList;
import java.util.List;

import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.border.LineBorder;

public class ShopGUIMain extends JFrame
{
	private List<ShopItem> items = new ArrayList<ShopItem>();
	private JPanel contentPanel = new JPanel();
	JScrollPane pane = new JScrollPane(contentPanel);
	
	public static void main(String[] args)
	{
		new ShopGUIMain();
	}
	
	public ShopGUIMain()
	{
		this.setSize(500,400);
		this.setLayout(new BorderLayout());
		
		pane = new JScrollPane(contentPanel);
		pane.setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_ALWAYS);
		pane.setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_NEVER);
		pane.getVerticalScrollBar().addAdjustmentListener(new AdjustmentListener()
		{
			@Override
			public void adjustmentValueChanged(AdjustmentEvent arg0)
			{
				validateShopItems();
			}
		});
		
		this.add(pane, BorderLayout.CENTER);
		
		initShopItems();
		this.setVisible(true);
		
	}
	
	private void initShopItems()
	{
		items.add(new ShopItem("Something", null));
		items.add(new ShopItem("Something Else", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		items.add(new ShopItem("Something Again", null));
		
		for (ShopItem item : items)
		{
			contentPanel.add(item);
		}
	}
	
	@Override
	public void paint(Graphics g)
	{
		validateShopItems();
		super.paint(g);
	}
	
	
	private void validateShopItems()
	{
		final int COLUMN_COUNT = 3;
		final int DEFAULT_ITEM_HGAP = 10;
		final int DEFAULT_ITEM_VGAP = 10;
		
		final int DEFAULT_ITEM_HEIGHT = 100;
		// calculate the width of a single item
		int itemWidth = ((pane.getViewport().getWidth() - ((COLUMN_COUNT+1) * DEFAULT_ITEM_HGAP)) / COLUMN_COUNT);
		
		int currRow = 0;
		int currCol = 0;

		// now iterate over the items and set its position
		for (ShopItem item : items)
		{
			int item_x = (currCol * itemWidth) + ((currCol+1) * DEFAULT_ITEM_HGAP);
			int item_y = (currRow * DEFAULT_ITEM_HEIGHT) + ((currRow+1) * DEFAULT_ITEM_VGAP);
			int item_width = itemWidth;
			int item_height = DEFAULT_ITEM_HEIGHT;
			
			item.setBounds(new Rectangle(item_x, item_y, item_width, item_height));
			
			// update column & row
			currCol++;
			// row full? switch to next row
			if (currCol >= COLUMN_COUNT)
			{
				currCol = 0;
				currRow++;
			}
		}
		
		// update the content panel size
		contentPanel.setPreferredSize(new Dimension(
				pane.getViewport().getWidth(),
				currRow * DEFAULT_ITEM_HEIGHT + currRow * DEFAULT_ITEM_VGAP
		));
		
		
	}
	
	private class ShopItem extends JPanel
	{
		public ShopItem(String text, ImageIcon picture)
		{
			this.add(new JLabel(text));
			this.setBorder(new LineBorder(Color.black));
			// TODO: picture and stuff...
		}
	}
	
}

 

[turtle]

Es geht auch mit jGoodies, obwohl das dynamische Adden der Panels besser gemacht werden könnte.

Hatte aber wenig Zeit mir das näher anzuschauen, da ich DAS bisher nicht benötigte.

 

[NoWitzness]

Sooo .. Hallo ihr alle

Danke für die Ansätze, die mich sicher weitergebracht haben.
Ich hab mich jetzt ein paar Tage mit Layoutmanagern beschäftigt und das Layout ziemlich gut hinbekommen. Jetzt hab ich 3 Panels übereinander gelegt und jetzt werkt alles super!

was mich zum nächsten Anliegen bringt
Der Code ist sicher nicht lauffähig, weil ich ihn stark gekürzt hab..
Aber jetzt würde ich gerne das Panel, das die vielen einzelnen, kleinen Panels, aufliegen hat, mit der scrollPane drin, wiederum in den oberen Bereich einer JSPlitPane platzieren. Dabei scheitere ich leider. Kann mir vielleicht wer einen Ansatz geben, wie ich in folgenden Code eine JScrollPane einbaun kann?

	public Test(){

		super("....");

		x=SQL Abfrage.lastID...

			final JButton button[] = new JButton[x];
		buttonList = new ArrayList<JButton>();

		if (x%2 == 0){
			this.x = x/2;
		}else{
			this.x=x/2+1;
		}

		JScrollPane scrollpane = new JScrollPane();
		JPanel contentCenter = new JPanel (new GridLayout (this.x, 2, 10, 10));

		try {

			while(ResultSet....){

				this.y++;

				JPanel panelNorth = new JPanel (new GridLayout (1, 3));
				JPanel panelCenter = new JPanel (new GridLayout ());
				JPanel panelSouth = new JPanel (new GridLayout (1, 3));

				JPanel panel = new JPanel (new BorderLayout(10, 10));
				panel.setSize(200, 100);

				
				button[y] = new JButton("Klick");
				buttonList.add(button[y]);
				button[y].addActionListener(this);
				panelNorth.add(button[y]);
				panelNorth.add(...);
				panelNorth.add(...);
				panel.add(BorderLayout.NORTH, panelNorth);

				panelCenter.add(...);
				panel.add(BorderLayout.CENTER, panelCenter);

				panelSouth.add(....);
				panelSouth.add(...);
				panelSouth.add(...);
				panel.add(BorderLayout.SOUTH, panelSouth);

				contentCenter.add(panel);

			} catch (SQLException e1) {
				e1.printStackTrace();
			}

			contentPane.add(BorderLayout.CENTER, contentCenter);

			scrollpane.setViewportView(contentPane);
			scrollpane.setVerticalScrollBarPolicy(ScrollPaneConstants.VERTICAL_SCROLLBAR_ALWAYS );

			contentPane.revalidate();
			scrollpane.revalidate();
			setContentPane(scrollpane);
			setSize(700, 600);
			setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
			setLocationRelativeTo(null);
			setResizable(true);
			setVisible(true);
		}

vielen lieben Dank opcorn:

 

[NoWitzness]

Also das mit dem SplitPane hab ich jetzt auch geschafft.
mit..

splitPane = new JSplitPane(JSplitPane.VERTICAL_SPLIT
				, scrollPane, produktPane);


		getContentPane().add(splitPane, BorderLayout.CENTER);

:toll:

vielleicht kann noch wer etwas über die grösse der beiden Elemente vom JSplitPane sagen? Diese Dividerleiste ist immer sehr weit oben und lässt sich nicht verstellen.
weder mit setPreferedSize, noch mit Minimum, Maximum usw ...

danke!

 

[NoWitzness]

so, ich hab das mit der panelgrösse auch hinbekommen.

Das Geheimnis das ich gerade zufällig gelesen habe ist, dass die methoden

.setDividerLocation();
.setResizeWeight();
usw...

erst nachdem das JSplitPane sichtbar ist, gesetzt weden dürfen, weil es sonst zu Problemen kommen kann.
:applaus: :idea: