Probleme mit dem GridBagLayout

[icarus2]

Hiho ^^

Ich habe im Moment ein Projekt laufen für meine Maturaarbeit; grafische Umsetzung des N-Damenproblems mit Swing. Anfangs verwendete ich dafür ein BorderLayout. Da dieses jedoch ziemlich stark eingeschränkt ist, habe ich mir die Layout Manager angeschaut und mich für das GridBagLayout entschieden, da man damit am meisten machen kann.

Ich dachte eigentlich, dass ich die Theorie verstanden hätte, jedoch werden meine JPanels nicht so angeordnet wie ich das gerne haben möchte -.-

Ich denke, dass ich etwas mit den Membervariabeln was falsch mache. Aber ich verstehe nicht "was" ich falsch mache.

Wäre sehr dankbar um eure Hilfe

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import javax.swing.border.*;

public class NDamenProblem
extends JFrame
{
  Container c;
  JPanel nChoicePanel;                   //Hier wird n gewählt
  JPanel optionPanel;                   //Hier können zusätzliche Optionen gewählt werden
  JPanel solutionPanel;                    //Hier werden die Daten (z.B. Anzahl Möglichkeiten) ausgegeben
  JPanel chessPanel;
  
  NDamenProblem() {
    c = getContentPane();

    GridBagLayout gbl = new GridBagLayout();
    c.setLayout(gbl);
    
    GridBagConstraints gbc = new GridBagConstraints();
    
    nChoicePanel = new JPanel();
    nChoicePanel.setBorder(new TitledBorder("n Choice"));
    gbc = makegbc(0,0,5,1);
    gbc.weightx = 100;
    gbc.weighty = 100;
    gbc.fill = GridBagConstraints.BOTH;
    gbl.setConstraints(nChoicePanel, gbc);


    
    optionPanel = new JPanel();
    optionPanel.setBorder(new TitledBorder("Options"));
    gbc = makegbc(4,1,1,7);
    gbc.weightx = 100;
    gbc.weighty = 100;
    gbc.fill = GridBagConstraints.BOTH;
    gbl.setConstraints(optionPanel, gbc);

     
    solutionPanel = new JPanel();
    solutionPanel.setBorder(new TitledBorder("Solutin Panel"));
    gbc = makegbc(0,8,5,1);
    gbc.weightx = 100;
    gbc.weighty = 100;
    gbc.fill = GridBagConstraints.BOTH;
    gbl.setConstraints(solutionPanel, gbc);

     
    chessPanel = new JPanel();
    chessPanel.setBorder(new TitledBorder("Chess"));
    gbc = makegbc(0,1,4,7);
    gbc.weightx = 100;
    gbc.weighty = 100;
    gbc.fill = GridBagConstraints.BOTH;
    gbl.setConstraints(chessPanel, gbc);


    c.add(nChoicePanel);
    c.add(optionPanel);
    c.add(solutionPanel);
    c.add(chessPanel);
    
  }
  
  private GridBagConstraints makegbc (int x, int y, int width, int height){
    GridBagConstraints  gbc = new GridBagConstraints();
    gbc.gridx = x;
    gbc.gridy = y;
    gbc.gridwidth = width;
    gbc.gridheight = height;
    gbc.anchor = GridBagConstraints.NORTHWEST;
    gbc.insets = new Insets(1,1,1,1);
    return gbc;

  }
  
  public static void main(String[] args) {
    Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();
    NDamenProblem fenster = new NDamenProblem();
    fenster.setTitle("N-Damen Problem");
    fenster.setSize(700,600);
    fenster.setResizable(true);
    fenster.setVisible(true);
    fenster.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
  }
  
}

So sollte es ungefähr aussehen (bitte nur auf die JPanels achten, die Inhalte sind im Code oberhalb nicht drin, da das nur ein Versuch ist, um das Layout zu testen ;-)

 

[L-ectron-X]

[HIGHLIGHT="Java"]import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import javax.swing.border.*;

public class NDamenProblem
extends JFrame
{
private JPanel nChoicePanel; //Hier wird n gewählt
private JPanel optionPanel; //Hier können zusätzliche Optionen gewählt werden
private JPanel solutionPanel; //Hier werden die Daten (z.B. Anzahl Möglichkeiten) ausgegeben
private JPanel chessPanel;

NDamenProblem() {
Container c = getContentPane();

GridBagLayout gbl = new GridBagLayout();
c.setLayout(gbl);

GridBagConstraints gbc = new GridBagConstraints();

nChoicePanel = new JPanel();
nChoicePanel.setBorder(new TitledBorder("n Choice"));
gbc = makegbc(0,0,2,1);
gbc.weightx = 1;
gbc.weighty = 0;
gbc.fill = GridBagConstraints.HORIZONTAL;
gbl.setConstraints(nChoicePanel, gbc);



optionPanel = new JPanel();
optionPanel.setBorder(new TitledBorder("Options"));
gbc = makegbc(1,1,1,1);
gbc.weightx = 0.1;
gbc.fill = GridBagConstraints.BOTH;
gbl.setConstraints(optionPanel, gbc);


solutionPanel = new JPanel();
solutionPanel.setBorder(new TitledBorder("Solutin Panel"));
gbc = makegbc(0,2,2,1);
gbc.fill = GridBagConstraints.BOTH;
gbl.setConstraints(solutionPanel, gbc);


chessPanel = new JPanel();
chessPanel.setBorder(new TitledBorder("Chess"));
gbc = makegbc(0,1,1,1);
gbc.weightx = 1;
gbc.weighty = 1;
gbc.fill = GridBagConstraints.BOTH;
gbl.setConstraints(chessPanel, gbc);


c.add(nChoicePanel);
c.add(optionPanel);
c.add(solutionPanel);
c.add(chessPanel);

}

private GridBagConstraints makegbc (int x, int y, int width, int height){
GridBagConstraints gbc = new GridBagConstraints();
gbc.gridx = x;
gbc.gridy = y;
gbc.gridwidth = width;
gbc.gridheight = height;
gbc.anchor = GridBagConstraints.NORTHWEST;
gbc.insets = new Insets(1,1,1,1);
return gbc;

}

public static void main(String[] args) {
Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();
NDamenProblem fenster = new NDamenProblem();
fenster.setTitle("N-Damen Problem");
fenster.setSize(700,600);
fenster.setLocationRelativeTo(null);
fenster.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
fenster.setVisible(true);
}

}[/HIGHLIGHT]

Allerdings musst du nun den integrierten Panels einen passenden LayoutManager setzen.

 

[icarus2]

Vielen Dank für deine schnelle Lösung

Könntest du mir erklären was ich falsch gemacht habe. Ich verstehe nicht ganz, was du gemacht hast irgendwie. Oder wie du die Membervariabeln angepasst hast.

 

[L-ectron-X]

Ich dachte eigentlich, dass ich die Theorie verstanden hätte, jedoch werden meine JPanels nicht so angeordnet wie ich das gerne haben möchte -.-

Offenbar doch noch nicht ganz.

Du musst bedenken, dass das GridBagLayout dem JFrame zugeordnet wurde.
Alle Panels werden also in einem GridBagLayout im Frame angeordnet.
Also musst du auch entsprechend die Zeilen und Spalten festlegen, in denen die Panels erscheinen sollen.
Es macht auch keinen Sinn, die Ausdehnung eines Panels über 5 Spalten anzugeben, wenn du per Layout nur 2 benutzt.
Vergleiche noch mal die Einstellungen für makegbc() und die Gewichtung, dann wirst es wahrscheinlich verstehen.

 

[icarus2]

Ja, so wies aussieht hab ichs völlig falsch verstanden. Ich werde die ganze Theorie nochma durchlesen und hoffe, dass ich es mit deiner Lösung verstehe.

Vielen Danke für die gute Hilfe

 

[icarus2]

So, ich habe mir deinen Code mal angeschaut und dabei sind noch Fragen aufgetaucht...

Ich habe das so verstanden:

Du hast ein Gitter mit 3 Zeilen und 2 Spalten gemacht.

nChoicePanel nimmt dabei die volle Breite über Spalte 0 und 1.
optionPanel ist in Zeile 1 in der 2 Spalte.
solutionPanel ist in Zeile 2 und erstreckt sich über Spalte 0 und 1.
chessPanel ist in Zeile 1 und in Spalte 0.

Mir ist nur noch ein bisschen unklar, wie die Grössenverhältnisse zustande kommen.

Spalte 1 hat eine Breite von 0.1 und Spalte 0 eine Breite von 1. Also ist Spalte 0 immer 5 mal breiter als Spalte 1, stimmt das?

Was ich nicht ganz verstehe ist, wie die Panels in der Höhe die Verhältnisse bekommen. Wenn weighty = 0 ist, nimmt die Zeile dann einfach einen gewissen Minimalwert ein, der der sich nicht mehr verändert und deswegen ist Zeile 1 so hoch; in diesem Fall nimmt diese Zeile einfach den maximalen Platz ein?

 

[L-ectron-X]

Du hast ein Gitter mit 3 Zeilen und 2 Spalten gemacht.

nChoicePanel nimmt dabei die volle Breite über Spalte 0 und 1.
optionPanel ist in Zeile 1 in der 2 Spalte.
solutionPanel ist in Zeile 2 und erstreckt sich über Spalte 0 und 1.
chessPanel ist in Zeile 1 und in Spalte 0.

Joa, das kann man gelten lassen.

Mir ist nur noch ein bisschen unklar, wie die Grössenverhältnisse zustande kommen.

Spalte 1 hat eine Breite von 0.1 und Spalte 0 eine Breite von 1. Also ist Spalte 0 immer 5 mal breiter als Spalte 1, stimmt das?

Ich hätte auch die Gewichtung für optionPanel auf 0 setzen (weg lassen) können. Dann würde die Breite des Panels von den Komponenten die in diesem Panel sitzen bestimmt werden. Ich hab das mal auf diesen Wert gesetzt, damit man noch was lesen kann.

Was ich nicht ganz verstehe ist, wie die Panels in der Höhe die Verhältnisse bekommen. Wenn weighty = 0 ist, nimmt die Zeile dann einfach einen gewissen Minimalwert ein, der der sich nicht mehr verändert und deswegen ist Zeile 1 so hoch; in diesem Fall nimmt diese Zeile einfach den maximalen Platz ein?

Für die Höhe der Komponenten ist der Wert der Gewichtung ausschlaggebend, der chessPanel für die y-Achse (weighty) übergeben wurde. Außerdem soll sich das Panel in alle Richtungen ausdehnen dürfen. Also nimmt es sich den maximal erhältlichen Platz, der durch die Fenstergröße bestimmt wird. Alle anderen Panels dürfen sich nur in x-Achse bzw. nur ohne Gewichtung ausdehnen. Sie passen sich also an das an, was übrig bleibt.

Interessant sind also hier die Angaben für die Gewichtung einer Komponente und die Variable für die Ausdehnung (GridBagConstraints.BOTH). Damit solltest du einfach mal etwas spielen, um die Zusammenhänge nachvollziehen zu können.