...

Die Positionen und Größe der GUI-Komponenten lassen sich wahlweise mit der Maus oder durch Angabe von X- und Y-Koordinaten bei Toolbox > Constraints exakt festlegen. Bei Größenänderungen des Parent-Containers bleiben Position und Größe aller GUI-Komponenten innerhalb des Parent-Containers völlig unverändert.

• Constraints
  • X / Y - Legt die X und Y Koordinate der GUI-Komponente fest.
    Image Added
    
    • px - Die GUI-Komponente bleibt immer an derselben Position.
    • % - Funktionsweise unklar.
  • Width / Height - Definiert Breite und Höhe der GUI-Komponente.
    Image Added
    • ? - Das Verhalten ist nicht explizit definiert. Die GUI-Komponente verhält sich wie bei der Einstellung %.
    • px - Die Breite bzw. Höhe der GUI-Komponente wird fest in Pixel definiert. Der Content (Inhalt) wird ggf. abgeschnitten.
    • % - Die Breite bzw. Höhe der GUI-Komponente wird durch ihren Content (Inhalt) bestimmt.
• Align
  • On Container - Die GUI-Komponente wird an den Rand des Parent-Containers verschoben oder zentriert. Kein festes Andocken.
    Image Added
  • On Selection 
    Image Added
    • Align top on selection - Die GUI-Komponenten der Mehrfachauswahl werden am oberen Rand der führenden GUI-Komponente ausgerichtet.
    • Align bottom on selection - Die GUI-Komponenten der Mehrfachauswahl werden am unteren Rand der führenden GUI-Komponente ausgerichtet.
    • Align right on selection - Die GUI-Komponenten der Mehrfachauswahl werden am rechten Rand der führenden GUI-Komponente ausgerichtet.
    • Align left on selection - Die GUI-Komponenten der Mehrfachauswahl werden am linken Rand der führenden GUI-Komponente ausgerichtet.
    • Align horizontal on selection - Die GUI-Komponenten der Mehrfachauswahl werden horizontal an der führenden GUI-Komponente ausgerichtet.
    • Align vertical on selection - Die GUI-Komponenten der Mehrfachauswahl werden horizontal an der führenden GUI-Komponente ausgerichtet.
      
      
• Adapt
  
  • On Container - Die selektierte GUI-Komponente wird genauso breit oder hoch wie ihr Parent-Container.
    Image Added
  • On Selection - Die GUI-Komponenten einer Mehrfachauswahl werden genauso breit oder hoch wie die führende GUI-Komponente der Mehrfachauswahl.
    Image Added
• Distribute
  • Horizontal - Die GUI-Komponenten einer Mehrfachauswahl werden 
  • Vertical

XdevHorizonotalLayout

1. Legen Sie eine neue View an. 
2. Fügen Sie aus der Palette ein XdevHorizontalLayout mit Drag-and-Drop in die View ein.
3. Fügen Sie 4 XdevButton nacheinander in das XdevHorizontalLayout ein.

...