• Pixelgenaues Layouten
  • XdevAbsoluteLayout - Alle GUI-Komponenten innerhalb eines Parent-Containers werden mit festen, absoluten Pixelkoordinaten (x, y) angeordnet. Bei Größenänderungen des Parent-Containers bleiben Position und Größe aller GUI-Komponenten innerhalb des Parent-Containers völlig unverändert.
• Layout-Manager - Alle GUI-Komponenten innerhalb eines übergeordneten Containers (Parent-Container) werden nach speziell definierten Regeln automatisch angeordnet. Bei Größenänderungen des Parent-Containers werden die GUI-Komponenten innerhalb des Parent-Containers je nach Layout-Manager automatisch skaliert.  
  • XdevGridLayout
  • XdevBorderLayout
  • XdevHorizonotalLayout
  • XdevVerticalLayout
  • XdevFormLayout

GUI-Komponenten

• Content - Die Größe einer GUI-Komponente richtet sich standardmäßig automatisch nach ihrem Content (Inhalt), z.B. Text, Icon etc. Bei zu geringer Größe wird der Content ggf. abgeschnitten oder ragt aus der GUI-Komponente heraus.

XdevAbsoluteLayout

Alle GUI-Komponenten werden mit festen, absoluten Pixelkoordinaten im Parent-Container angeordnet. 

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

Constraints

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.
    
    
    • px - Die GUI-Komponente bleibt immer an derselben Position.
    • % - Funktionsweise unklar.
  • Width / Height - Definiert Breite und Höhe der GUI-Komponente.
    
    • ? - 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.
    
  • On Selection 
    
    • 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.
    
  • On Selection - Die GUI-Komponenten einer Mehrfachauswahl werden genauso breit oder hoch wie die führende GUI-Komponente der Mehrfachauswahl.
    
• Distribute
  • Horizontal - Die GUI-Komponenten einer Mehrfachauswahl werden horizontal gleichmäßig verteilt. 
    
    
    • Add horizontal on each other - Die GUI-Komponenten einer Mehrfachauswahl werden zwischen der zuerst und der zuletzt selektierten GUI-Komponente horizontal gleichmäßig verteilt. 
    • Allot horizontal per pixel - Die GUI-Komponenten einer Mehrfachauswahl werden im angegebenen Abstand horizontal gleichmäßig verteilt. 
  • Vertical - Die GUI-Komponenten einer Mehrfachauswahl werden vertikal gleichmäßig verteilt. 
    
    
    • Add vertical on each other - Die GUI-Komponenten einer Mehrfachauswahl werden zwischen der zuerst und der zuletzt selektierten GUI-Komponente vertikal gleichmäßig verteilt. 
    • Allot vertical per pixel - Die GUI-Komponenten einer Mehrfachauswahl werden im angegebenen Abstand vertikal gleichmäßig verteilt. 

Mehrfachauswahl

Für eine Mehrfachauswahl müssen Sie die Shift Taste gedrückt halten und die gewünschten GUI-Komponenten nacheinander anklicken. Die zuerst selektierte GUI-Komponente ist die führende GUI-Komponente, an der sich die anderen GUI-Komponenten der Mehrfachauswahl ausrichten lassen. Bei einer Mehrfachauswahl wird nur die führende GUI-Komponenten im Hierarchie-Pfad des GUI-Builders angezeigt. Um die führende GUI-Komponente zu wechseln, müssen Sie eine andere GUI-Komponente der Mehrfachauswahl anklicken.

XdevHorizonotalLayout

Alle GUI-Komponenten werden horizontal nebeneinander im Parent-Container angeordnet.

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.
   

Constraints

• Align - Die selektierte GUI-Komponente wird an den oberen oder unteren Rand des Parent-Containers angedockt oder zentriert.
  
  
  
• Weight - Die selektierte GUI-Komponente nimmt den gesamten, in der Breite verfügbaren Platz ein und wird darin zentriert. Falls mehrere GUI-Komponenten diese Eigenschaft besitzen, wird der verfügbare Platz je nach angegebener Gewichtung verhältnismäßig aufgeteilt.
  
  
• 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. 
  • % - Deaktiviert, Einstellung nicht möglich.
• 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.
• Quick Settings
  
  
  • Don´t Stretch - Die selektierte GUI-Komponente wird standardmäßig dargestellt. Die Breite richtet sich automatisch nach dem Content. 
  • Stretch Horizontally - Die selektierte GUI-Komponente nimmt automatisch den gesamten verfügbaren Platz in der Breite ein. Falls mehrere GUI-Komponenten diese Eigenschaft besitzen, wird der verfügbare Platz je nach angegebener Gewichtung (Weight) verhältnismäßig aufgeteilt.

Constraints

• Align - Die GUI-Komponente wird an den Rand des Parent-Containers positioniert oder zentriert. Kein festes Andocken.
  
• Span - Mit + wird die GUI-Komponente über die nachfolgende Zelle des XdevGridLayouts gespannt (nur nach rechts oder unten) und dadurch vergrößert. Mit - wird die Vergrößerung rückgängig gemacht.
  
• Width / Height
  
  • ? - 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.
• Quick Settings
  
  
  • Don´t Stretch - Die Größe wird automatisch durch den Content (Inhalt) bestimmt, z.B. Textlänge, Icon-Größe etc.
  • Stretch Horizontally - Die GUI-Komponente nimmt automatisch den gesamten verfügbaren Platz in der Breite ein.
  • Stretch Vertically - Die GUI-Komponente nimmt automatisch den gesamten verfügbaren Platz in der Höhe ein.
  • Stretch in Both Directions - Die GUI-Komponente nimmt automatisch den gesamten verfügbaren Platz in der Breite und Höhe ein.