Layout Idee

[headnut]

Guten Tag

Ich muss ein für mich relativ komplexes GUI erstellen. Im Anhang ist ein Bild davon wie es etwa aussehen sollte.

Hat jemand einen Typ wie ich am besten zu einem solchen Ergebnis kommen kann?

Die Daten aufzubereit ist kein problem, kommt alles via Netzwerk... Doch das Layout stellt mich vor probleme...

Vielen Dank schonmal

 

[Camino]

Ich würde erst mal eine Klasse für die Komponente der kleinen Kästchen erstellen, Diese wiederholen sich ja öfters, sind aber vom Layout her immer gleich, nur die Daten ändern sich. Musst du evtl. mal ein bisschen rumprobieren, aber ich denke, mit einem GridBagLayout lässt sich das bestimmt gut hinkriegen (3 Spalten, 4 Zeilen, das Feld in der Mitte geht über 2 Zeilen). Sind dann ja in den Zellen nur JLabels mit Zahlen und evtl. einem farbigen Hintergrund. In dieser Klasse hast du dann Methoden zum Befüllen mit deinen Daten.

Und dann erstellst du dir einen Container mit 8x3 dieser Kästen und der Beschriftung vorne, z.B. auch mit GridBagLayout angeordnet. Von diesen Containern kannst du dann ja mehrere untereinander anordnen.

 

[Marco13]

Man müßte wissen, welche Kästchen da welche Components sein sollen, und welche Constraints es gibt (Seitenverhältnisse, Abstände, Verteilung von überschüssigem Platz etc). Die drei Reihen könnten ggf. jeweils ein GridLayout haben, in dem die kleinen, inneren Kästchen als eigene Components liegen, aber das ist nur geraten.

 

[headnut]

von der grösse her ist nichts limitiert oder festgelegt! es wird sowiso über scrollbalken gehen.

Ich habe mir die Sache mit einer JTable überlegt, ist jedoch zu aufwändig...

Das gridbaglayout wird wohl der vernünftigste ansatz sein.

 

[GUI-Programmer]

Oder immer als Alternative zum GridBagLayout: FormLayout von JGoodies

 

[vanny]

ich würde das gridlayout nehmen.

 

[CortPoker]

Evtl. auch MigLayout. Damit kannst du tabellenähnliche Gerüste wirklich einfach erstellen

 

[GUI-Programmer]

Es geht so ziemlich mit jeden der großen, mächtigen LayoutManager (GridBag-, Form-, Mig-, Tablelayout......). Evtl. hilft es auch zu Verschachteln, auch wenn dies nicht unbedingt nötig wäre; wie vanny bereits sagte, der Einsatz vom GridLayout auch evtl.

Für die einzelnen "Kasten" bzw. "Zellen" würde es sich auf jedenfall lohnen eine eigene Komponent zu basteln, um diese dann öfters zu verwenden...... Dies hab ich grad mal schnell mit den FormLayout gemacht:

package de.king.layoutidee;

import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import com.jgoodies.forms.layout.FormLayout;
import com.jgoodies.forms.layout.ColumnSpec;
import com.jgoodies.forms.layout.RowSpec;
import javax.swing.border.LineBorder;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.EventQueue;

public class SpecialComponent extends JPanel {

	private static final long serialVersionUID = 1L;
	
	private JLabel lblCenterNumber;
	private JLabel[] lblGreen;
	private JLabel lblRed;

	public SpecialComponent() {
		setBorder(new LineBorder(new Color(0, 0, 0), 2));
		setBackground(Color.WHITE);
		setLayout(new FormLayout(
			new ColumnSpec[] {
				ColumnSpec.decode("default:grow"),
				ColumnSpec.decode("default:grow"),
				ColumnSpec.decode("default:grow"),},
			new RowSpec[] {
				RowSpec.decode("default:grow"),
				RowSpec.decode("default:grow"),
				RowSpec.decode("default:grow(0.1)"),
				RowSpec.decode("default:grow"),
				RowSpec.decode("default:grow"),})
		);
		
		lblCenterNumber = new JLabel();
		lblCenterNumber.setOpaque(true);
		lblCenterNumber.setBackground(new Color(230, 230, 230));
		lblCenterNumber.setBorder(new LineBorder(new Color(0, 0, 0), 2));
		add(lblCenterNumber, "2, 2, 1, 3, fill, fill");
		
		lblGreen = new JLabel[5];
		for(int i=0; i<lblGreen.length; i++) {
			lblGreen[i] = new JLabel();
			lblGreen[i].setOpaque(true);
			lblGreen[i].setBackground(Color.GREEN);
		}
		add(lblGreen[0], "1, 4, fill, fill");
		add(lblGreen[1], "1, 2, fill, fill");
		add(lblGreen[2], "2, 1, fill, fill");
		add(lblGreen[3], "3, 2, fill, fill");
		add(lblGreen[4], "3, 4, fill, fill");
		
		lblRed = new JLabel();
		lblRed.setOpaque(true);
		lblRed.setBackground(new Color(255, 60, 60));
		add(lblRed, "2, 5, fill, fill");
	}
	
	public void setCenterNumber(int number) {
		lblCenterNumber.setText(String.valueOf(number));
	}
	
	public int getCenterNumber() {
		return Integer.parseInt(lblCenterNumber.getText());
	}
	
	public void setGreenNumber(int number, int index) {
		lblGreen[index].setText(String.valueOf(number));
	}
	
	public int getGreenNumber(int index) {
		return Integer.parseInt(lblGreen[index].getText());
	}
	
	public void setRedNumber(int number) {
		lblRed.setText(String.valueOf(number));
	}
	
	public int getRedNumber() {
		return Integer.parseInt(lblRed.getText());
	}
	
	// Nur zum Testen, gehört natürlich hier nicht hin:
	public static void main(String[] args) {
		EventQueue.invokeLater(new Runnable() {
			@Override
			public void run() {
				JFrame frame = new JFrame("Test");
				frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
				SpecialComponent specialComp = new SpecialComponent();
				specialComp.setPreferredSize(new Dimension(400, 250));
				frame.setContentPane(specialComp);
				frame.pack();
				frame.setLocationRelativeTo(null);
				frame.setVisible(true);
			}
		});
	}

}

 

[headnut]

Das sieht doch schonmal sehr genial aus!

Ich werde mich in dieses FormLayout einlesen! Es scheint mir, dass es sich am besten eignen würde...