Alle UI-Komponenten eines XdevVerticalLayouts werden vertikal untereinander im Parent-Container angeordnet.

1. Legen Sie eine neue View ohne Layout an. 

2. Fügen Sie aus der Palette ein XdevVerticalLayout mit Drag-and-Drop in die View ein.

3. Fügen Sie 4 XdevButton untereinander in das XdevVerticalLayout ein.

Layout-Optionen

• Align - Die UI-Komponente wird an den festgelegten Rand ihrer Zelle angedockt oder zentriert. 
  

  
  

• Weight - Die Zelle in der sich die UI-Komponente befindet, nimmt den gesamten, in der Höhe verfügbaren Platz ein. Falls mehrere GUI-Komponenten diese Eigenschaft besitzen, wird der verfügbare Platz je nach angegebener Gewichtung verhältnismäßig aufgeteilt.

• Width 

  • ? - Die Breite der UI-Komponente wird automatisch durch ihren Content definiert.  

  • px - Die Breite der UI-Komponente wird fest in Pixel definiert. 

  • ? - Die UI-Komponente streckt sich über die gesamte verfügbare Zellen-Breite.
    

• Height
  

  • ? - Die Höhe der UI-Komponente wird automatisch durch ihren Content definiert.  

  • px - Die Höhe der UI-Komponente wird fest in Pixel definiert. 

  • ? - Die UI-Komponente streckt sich über die gesamte verfügbare Zellen-Höhe.

• Quick Settings

  • Don´t Stretch - Die Höhe der UI-Komponente wird automatisch durch ihren Content definiert. 

  • Stretch Vertically 

    • Setzt für die UI-Komponente eine vertikale Gewichtung (Weight). 

    • Setzt für die UI-Komponente die Einstellung Height auf %. 

Alle XdevVerticalLayout-Methoden