Ausrichtung in der GUI - Problem

[Guest]

Ich habe mehrere Buttons zusammengefasst zu zwei JPanel. Im linken 3 Buttons und im rechten 3 Buttons. Diese beiden JPanel werden nun zu einem übergeordneten wie abgebildet hinzugefügt (links- bzw. rechtsbündig). Wenn ich jetzt das Fenster verkleinere möchte ich das die Buttons im dem rechten JPanel sich so verhalten wie abgebildet. Welchen Layoutmanager verwende ich da am besten?

 --------------------------------
|  ----------        ----------  |
| | XX XX XX |      | XX XX XX | |
|  ----------        ----------  |
 --------------------------------
 
 ------------------------
|  ----------   -------  |
| | XX XX XX | | XX XX | |
|  ----------  | XX    | |
|               -------  |
 ------------------------

 

[SlaterB]

schau mal hier
http://www.java-forum.org/de/viewtopic.php?t=64522
und vielleicht insbesondere das unten verlinkte neue Layout

 

[Guest]

Ich habe das mal mit dem ExtendedFlowLayout getestet, funktioniert aber leider nicht so richtig. Die Buttons verschwinden zeitweise, da die Höhe der Panels nicht immer rechtzeitig angpasst wird?! So sieht mein Quelltext aus:

public class Fenstertest extends JFrame {
  public Fenstertest() {
    JButton b1 = new JButton( "Button 1" );
    JButton b2 = new JButton( "Button 2" );
    JButton b3 = new JButton( "Button 3" );
    JButton b4 = new JButton( "Button 4" );
    JButton b5 = new JButton( "Button 5" );
    JButton b6 = new JButton( "Button 6" );

    JPanel p1 = new JPanel();
    JPanel p2 = new JPanel();

    JPanel oben = new JPanel();
    JPanel unten = new JPanel();

    p1.setLayout( new FlowLayout( FlowLayout.LEFT ) );
    p1.add( b1 );
    p1.add( b2 );
    p1.add( b3 );

    p2.setLayout( new FlowLayout( FlowLayout.RIGHT ) );
    p2.add( b4 );
    p2.add( b5 );
    p2.add( b6 );

    oben.setLayout( new GridLayout( 1, 2 ) );
    oben.add( p1 );
    oben.add( p2 );

    unten.setBackground( Color.red );

    setLayout( new BorderLayout() );
    add( oben, BorderLayout.NORTH );
    add( unten, BorderLayout.CENTER );
  }

  public static void main( String[] args ) {
    Fenstertest f = new Fenstertest();
    f.setSize( 600, 200 );
    f.setVisible( true );
  }

 

[SlaterB]

der Quelltext enthält kein ExtendedFlowLayout, dazu könnte ich aber auch nix sagen,

dass in deinem Code etwas verschwindet liegt an
add( oben, BorderLayout.NORTH );
in einem North-Abschnitt sind sich in der Höhe verändernde Komponenten nie gut aufgehoben, das ist recht unbeweglich
(wenn auch sicher irgendwie zu handhaben)

mit
add(oben, BorderLayout.CENTER);
// add(unten, BorderLayout.CENTER);
läufts erstmal

 

[Guest]

mit
add(oben, BorderLayout.CENTER);
// add(unten, BorderLayout.CENTER);
läufts erstmal

Das stimmt, nur leider fehlt mir ja dann der untere Abschnitt :/

 

[SlaterB]

kannst ihn ja in das oben-Panel unten einfügen, natürlich nicht wieder per BorderLayout
niemand sagt dass es einfach ist, aber möglich ist vieles

 

[Guest]

kannst ihn ja in das oben-Panel unten einfügen, natürlich nicht wieder per BorderLayout

Ich habe jetzt schon ein paar Layouts getestet, aber keins ist so richtig flexibel. Die Reihe der Buttons wird zwar umgebrochen, jedoch macht das untere Panel keinen Platz :/

 

[Guest]

So ist jetzt mein aktueller Stand:

public class Fenstertest3 extends JFrame {
  public Fenstertest3() {
    JButton b1 = new JButton( "Button 1" );
    JButton b2 = new JButton( "Button 2" );
    JButton b3 = new JButton( "Button 3" );
    JButton b4 = new JButton( "Button 4" );
    JButton b5 = new JButton( "Button 5" );
    JButton b6 = new JButton( "Button 6" );

    JPanel o1 = new JPanel();
    JPanel o2 = new JPanel();
    JPanel unten = new JPanel();

    o1.setLayout( new FlowLayout( FlowLayout.LEFT ) );
    o1.add( b1 );
    o1.add( b2 );
    o1.add( b3 );
    o1.setBackground( Color.GREEN );

    o2.setLayout( new ExtendedFlowLayout( ExtendedFlowLayout.RIGHT ) );
    o2.add( b4 );
    o2.add( b5 );
    o2.add( b6 );
    //o2.setMinimumSize( new Dimension( 0, 67 ) );
    o2.setBackground( Color.BLUE );

    unten.setBackground( Color.RED );

    this.setLayout( new GridBagLayout() );
    this.getContentPane().add(
        o1,
        new GridBagConstraints( 0, 0, 1, 1, 0.0, 0.0, GridBagConstraints.WEST,
            GridBagConstraints.BOTH, new Insets( 0, 0, 0, 0 ), 0, 0 ) );
    this.getContentPane().add(
        o2,
        new GridBagConstraints( 1, 0, 1, 1, 1.0, 0.0, GridBagConstraints.EAST,
            GridBagConstraints.BOTH, new Insets( 0, 0, 0, 0 ), 0, 0 ) );
    this.getContentPane().add(
        unten,
        new GridBagConstraints( 0, 1, 2, 1, 1.0, 1.0, GridBagConstraints.CENTER,
            GridBagConstraints.BOTH, new Insets( 0, 0, 0, 0 ), 0, 100 ) );
  }

  public static void main( String[] args ) {
    Fenstertest3 f = new Fenstertest3();
    f.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
    f.pack();
    f.setVisible( true );
  }
}

public class ExtendedFlowLayout extends FlowLayout {

  public ExtendedFlowLayout() {
    super();
  }

  public ExtendedFlowLayout( int arg0, int arg1, int arg2 ) {
    super( arg0, arg1, arg2 );
  }

  public ExtendedFlowLayout( int arg0 ) {
    super( arg0 );
  }

  /**
   * Returns the preferred dimensions for this layout given the [i]visible[/i]
   * components in the specified target container.
   * 
   * @param target
   *            the container that needs to be laid out
   * @return the preferred dimensions to lay out the subcomponents of the
   *         specified container
   * @see Container
   * @see #minimumLayoutSize
   * @see java.awt.Container#getPreferredSize
   */
  @Override
  public Dimension preferredLayoutSize( Container target ) {
    synchronized ( target.getTreeLock() ) {
      Dimension dim = new Dimension( 0, 0 );
      Dimension t = new Dimension( 0, 0 );
      int nmembers = target.getComponentCount();

      for ( int i = 0; i < nmembers; i++ ) {
        Component m = target.getComponent( i );
        if ( m.isVisible() ) {
          Dimension d = m.getPreferredSize();
          if ( t.width + getHgap() * 2 + d.width >= target.getWidth() ) {
            dim.height = dim.height + d.height + getVgap();
            dim.width = Math.max( dim.width, d.width );
            t.width = dim.width;
            if ( i < nmembers - 1 ) {
              t.width = t.width + getHgap();
            }
          }
          else {
            dim.height = Math.max( dim.height, d.height );
            dim.width = dim.width + d.width;
            if ( i > 0 ) {
              dim.width = dim.width + getHgap();
            }
            t.width = dim.width;
          }
        }
      }
      dim.width = dim.width + getHgap() * 2;
      dim.height = dim.height + getVgap() * 2;

      return dim;
    }
  }

   @Override
  public Dimension minimumLayoutSize( Container target ) {
    return preferredLayoutSize( target );
  }
}

Ich habe das ExtendedFlowLayout versucht anzupassen und bin dabei auf folgendes Problem gestoßen: Der Methode wird beim Aufruf ein Container (target) übergeben, in meinem Fall ein JPanel. Dieser enthält nur leider die Größeninformationen des Panels vor der Änderung der Größe. Somit sind die Informationen veraltet. Ich bräuchte die neue Größe es Panels, nur leider weiß ich nicht wo ich die herbekommen soll :/

 

[Guest]

Hat keiner eine Idee???

 

[Marco13]

Das getestete funktionert, abgesehen davon, dass die Buttons nicht

[ XX XX ]
[ XX    ]

sondern

[ XX XX ]
[    XX ]

ausgerichtet sind - geht's darum?

 

[multiholle]

Bei mir funktioniert der Code nicht richtig. Wenn ich 3 Butten nebeneinander habe (1) und das Fenster verkleinere werden die Button umgebrochen, das Panel verändert sich aber nicht (2). Erst wenn ich anschließend die Größe noch einmal verändere (3) verändert sich die Größe des Panels. Umgekehrt verhält es sich beim Vergrößern des Fensters (4-6), dort wird die Größe zu spät geändert.

1 [ XX XX XX ] 

2 [ XX XX  ]

3 [ XX XX ]
  [ XX    ]

4 [ XX XX XX ]
  [          ]

6 [ XX XX XX         ]

Das Problem hängt damit zusammen, dass ich die Anordnung der Buttons vor der Größenänderung übergeben bekomme und nicht die neue Anordnung mit Umbruch. Ich weiß nur nicht wie ich das Problem lösen soll.

 

[Marco13]

Ahja - wenn ich
Toolkit.getDefaultToolkit().setDynamicLayout(false);
einsetze, kann ich den Fehler nachvollziehen. Kannst ja mal bei dir
Toolkit.getDefaultToolkit().setDynamicLayout(true);
machen, und wenn das nicht hilft... muss man halt mal schauen....

 

[multiholle]

Kannst ja mal bei dir
Toolkit.getDefaultToolkit().setDynamicLayout(true);

Das ist auf jeden Fall schon besser, aber noch icht ganz ok. Wenn ich die Aufteilung so habe:

[ X X X ] [ X X ]  -\  [ X X X ] [ X X X ]
          [ X   ]  _/            [       ]

Und dann Pixel für Pixel vergrößere, wird das Panel zu spät verkleinert.

 

[Marco13]

Ja, wenn das noch stört, solltest du vielleicht einen eigenen LayoutManager schreiben. Der macht dann garantiert das, was du willst (sofern du das programmierst, was du willst).

 

[multiholle]

Das ExtendedFlowLayout ist doch im Prinzip ein eigener Layoutmanager, oder wie meinst du das?

 

[Marco13]

Ja, aber das interface LayoutManager hat noch andere Methoden. Die Methode "layoutContainer" bestimmt (in diesem Fall) WO die Buttons liegen, während die preferredLayoutSize nur die PreferredSize des Containers zurückgibt - unabhängig davon, wie die Buttons tatsächlich angeorndet sind.

 

[Marco13]

Kann aber auch ein bißchen komplizierter werden:
Die Größe des JPanels bestimmt die Anordnung der Buttons
Die Anordnung der Buttons bestimmt die Größe des JPanels
Da muss man sich was überlegen. Falls du wirklich glaubst, dass der Benutzer Pixelweise die Größe ändert :roll: