Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

In einem Border-Layout (XdevBorderLayout) lassen sich maximal 5 GUI-Komponenten einfügen. 4 GUI-Komponenten lassen sich an den Rändern des Parent-Containers andocken - oben, unten, links und rechts - 1 GUI-Komponente kann zentriert werden und nimmt automatisch den gesamten verbleibenden Platz ein. 

  1. Legen Sie eine neue View/wiki/spaces/DOK/pages/13762656 ohne Layout an. 
  2. Fügen Sie aus der Palette ein XdevBorderLayout mit Drag-and-Drop in die View ein.
  3. Fügen Sie einen Button in das XdevBorderLayout ein und docken Sie diesen an den rechten Rand des Parent-Containers an.
  4. Fügen Sie einen Button in das XdevBorderLayout ein und docken Sie diesen an den linken Rand des Parent-Containers an.
  5. Fügen Sie einen Button in das XdevBorderLayout ein und docken Sie diesen an den oberen Rand des Parent-Containers an.
  6. Fügen Sie einen Button in das XdevBorderLayout ein und docken Sie diesen an den unteren Rand des Parent-Containers an.
  7. Fügen Sie einen Button in die Mitte des XdevBorderLayout ein.


...

Layout-Optionen 

  • Constraints  

    • North - Dockt die selektierte GUI-Komponente an den oberen Rand des Parent-Containers an.
    • South - Dockt die selektierte GUI-Komponente an den unteren Rand des Parent-Containers an.
    • West - Dockt die selektierte GUI-Komponente an den linken Rand des Parent-Containers an.
    • East - Dockt die selektierte GUI-Komponente an den rechten Rand des Parent-Containers an.
    • Center - Die selektierte GUI-Komponente nimmt den gesamten restlichen Platz ein.
  • Width 

    • ? - Die selektierte GUI-Komponente wird standardmäßig dargestellt. Die Breite richtet sich automatisch nach dem Content.
    • px - Die Breite der selektierten GUI-Komponente wird fest in Pixel definiert. 
    • % - Die selektierte GUI-Komponente wird über die gesamte verfügbare Breite gestreckt.
  • Height
    • ? - Die selektierte GUI-Komponente wird standardmäßig dargestellt. Die Höhe richtet sich automatisch nach dem Content.
    • px - Die Höhe der selektierten GUI-Komponente wird fest in Pixel definiert. 
    • % - Die selektierte GUI-Komponente streckt sich vertikal über die gesamte verfügbare Höhe. Das passiert nicht! Icon sollte deaktiviert werden.