AlignmentY bei FlowLayout

[fjk88]

Mein Problem ist simple, dennoch habe ich noch keine Lösung gefunden.

Ich habe ein kleines Testprogramm geschrieben, dass 3 Buttons (unterschiedlicher Größe) in einem Flowlayout anzeigt.

das Program sieht wie folgt aus:

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

public class XAxisAlignY extends JFrame
{
   private JButton button1 = new JButton("Button 1");
   private JButton button2 = new JButton("Button 2");
   private JButton button3 = new JButton("Button 3");

   public XAxisAlignY()
   {
      this.getContentPane().setLayout(new FlowLayout(FlowLayout.LEFT, 20, 20));

      button1.setBackground( Color.cyan );
      button1.setPreferredSize( new Dimension(80,60) ) ;
      this.getContentPane().add(button1);

      button2.setBackground( Color.yellow );
      button2.setPreferredSize( new Dimension(120,40) ) ;
      this.getContentPane().add(button2, BorderLayout.NORTH);

      button3.setBackground( Color.green );
      button3.setPreferredSize( new Dimension(100,80) ) ;
      this.getContentPane().add(button3, BorderLayout.EAST);

      initFrame() ;
   }

   private void initFrame()
   {
      setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE) ;
      setSize(500,250);
      setVisible(true);
   }

   public static void main (String[] args)
   {
     new XAxisAlignY();
   }
}

Ich möchte allerdings, dass alle Buttons von der obersten Position weg gezeichnet werden, Also ein TOPAlignment.
In dem oberen Bild ist das YAlignment CENTER, in dem folgenden Bild, ist das YAlignment TOP, genau soetwas will ich haben.

 

[SlaterB]

besteht eine Frage?

 

[fjk88]

die Frage lautet: wie lassen sich alle Auttons in einem Flowlayout so anordnen, dass alle an der obersten Linie beginnen siehe 2. Bild.

 

[SlaterB]

in der Tat nicht so leicht, FlowLayout hast du dir in der API hoffentlich angeschaut,
da gibt es noch setAlignOnBaseline(), was aber wohl eher nur nach unten was bewirkt, wenn überhaupt,
ist Java 1.6, kann ich grad nicht testen

ansonsten brauchst du wohl ein anderes Layout, notfalls GridBagLayout,
als Denkanstoß noch eine Bastellei, füge alle Buttons mit dieser Methode hinzu und schaue dir das Ergebnis an

    private void addB(JButton b) {
        JPanel p = new JPanel();
        p.add(b);
        p.setPreferredSize(new Dimension(b.getPreferredSize().width,100));
        p.setBorder(BorderFactory.createLineBorder(Color.BLUE));
        getContentPane().add(p);
    }

Lesson: Laying Out Components Within a Container (The Java™ Tutorials > Creating a GUI With JFC/Swing)

 

[fjk88]

als Denkanstoß noch eine Bastellei, füge alle Buttons mit dieser Methode hinzu und schaue dir das Ergebnis an

    private void addB(JButton b) 
    {
        JPanel p = new JPanel();
        p.add(b);
        p.setPreferredSize(new Dimension(b.getPreferredSize().width,100));
        p.setBorder(BorderFactory.createLineBorder(Color.BLUE));
        getContentPane().add(p);
    }

hab das Programm kurz probiert und es funktioniert! Allerdings verstehe ich nicht, wieso man die PreferredSize des ButtonPanels nicht gleich der, des Buttons lassen kann.

setPreferredSize(new Dimension(b.getPreferredSize().width,b.getPreferredSize().height+5));

wenn ich das +5 für die Höhe nicht dazuaddiere, wird nicht der komplette Button gezeichnet (das gleiche gilt, wenn ich nur 4, 3, 2, oder 1 addiere, es müssen mindestens 5 sein, bis der Button richtig gezeichnet wird).

Wieso ist das so?


Hier noch das gesamte Programm:

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

public class XAxisAlignY extends JFrame
{
   private JButton button1 = new JButton("Button 1");
   private JButton button2 = new JButton("Button 2");
   private JButton button3 = new JButton("Button 3");

   public XAxisAlignY()
   {
     JPanel panel = new JPanel(new FlowLayout(FlowLayout.LEFT, 20, 20));

      button1.setPreferredSize( new Dimension(80,60) ) ;
      addB(button1, panel);

      button2.setPreferredSize( new Dimension(120,40) ) ;
      addB(button2, panel);

      button3.setPreferredSize( new Dimension(100,80) ) ;
      addB(button3, panel);
      
      
      this.getContentPane().add(panel);

      initFrame() ;
   }

   private void initFrame()
   {
      setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE) ;
      setSize(500,250);
      setVisible(true);
   }
   
   
   private void addB(JButton b, JPanel panel) 
   {
     JPanel p = new JPanel();
     p.add(b);
     p.setPreferredSize(new Dimension(b.getPreferredSize().width,b.getPreferredSize().height+5));
     panel.add(p);
 }

   public static void main (String[] args)
   {
     new XAxisAlignY();
   }
}

 

[SlaterB]

so ist der Standard

 private void addB(JButton b)
    {
        JPanel p = new JPanel();
        FlowLayout f = (FlowLayout)p.getLayout();
        System.out.println(f.getVgap());

wenn du die Höhe aber so eng fasst, dann geht doch der ganze Effekt verloren, es muss schon gleich Höhe für alle Panel sein

 

[fjk88]

so ist der Standard

 private void addB(JButton b)
    {
        JPanel p = new JPanel();
        FlowLayout f = (FlowLayout)p.getLayout();
        System.out.println(f.getVgap());

wenn du die Höhe aber so eng fasst, dann geht doch der ganze Effekt verloren, es muss schon gleich Höhe für alle Panel sein

das ist mir schon bewusst, nur weiß ich trotzdem nicht wieso man nicht die maximale Höhe der Buttons nehmen kann, sondern die max. Höhe +5.

Button1 ist 80x60 px²
Button2 ist 120x40 px²
Button3 ist 100x80 px²

Das würde bedeuten die ButtonPanels müssten theoretisch alle 80px hoch sein.
Die korrekte Anzeige funktioniert aber erst bei 85, wieso?

PS.
Ausgabe von vGap = 20.

 

[SlaterB]

vGap = 20 gilt in dem Panel, in welchem du selber das FloyLayout manuell angelegt hast,
wie in meinem Code zweifelsfrei zu sehen meinte ich aber die neuen Panel pro Buttons,

dort sind 5 Pixel Abstand oben, wie in jedem JPanel mit Standard-Layout (auch FlowLayout),
dass bei 5 Pixel Abstand oben + 80 Pixel Button das neue JPanel 85 hoch sein muss statt 80 ist meiner Ansicht nach einleuchtend,
kann ich nicht weiter erklären..

 

[fjk88]

vGap = 20 gilt in dem Panel, in welchem du selber das FloyLayout manuell angelegt hast,
wie in meinem Code zweifelsfrei zu sehen meinte ich aber die neuen Panel pro Buttons,

dort sind 5 Pixel Abstand oben, wie in jedem JPanel mit Standard-Layout (auch FlowLayout),
dass bei 5 Pixel Abstand oben + 80 Pixel Button das neue JPanel 85 hoch sein muss statt 80 ist meiner Ansicht nach einleuchtend,
kann ich nicht weiter erklären..

alles klar, ich dachte du meinst das Panel, dass die 3 ButtonPanels added.