Mit einem XdevGridLayout lassen sich beliebig viele UI-Komponenten tabellarisch, d.h. an Zeilen und Spalten ausgerichtet anordnen.

1. Legen Sie eine neue /wiki/spaces/DOK/pages/13762656 ohne Layout an. 
2. Fügen Sie aus der Palette ein XdevGridLayout mit Drag-and-Drop in die View ein.
3. Fügen Sie 5 Buttons nacheinander an beliebigen Stellen in das Absolute Layout ein.
4. #

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 Breite verfügbaren Platz ein. Falls mehrere UI-Komponenten diese Eigenschaft besitzen, wird der verfügbare Platz je nach angegebener Gewichtung verhältnismäßig aufgeteilt.
    
    
    
  •  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 Breite und Höhe der UI-Komponente wird automatisch durch ihren Content definiert. 
  • Stretch Horizontally 
    • Setzt für die UI-Komponente eine horizontale Gewichtung (Weight).
    • Setzt für die UI-Komponente die Einstellung Width auf %. 
  • Stretch Vertically 
    • Setzt für die UI-Komponente eine vertikale Gewichtung (Weight). 
    • Setzt für die UI-Komponente die Einstellung Height auf %. 
  • Stretch In Both Directions 
    • Setzt für die UI-Komponente eine horizontale Gewichtung (Weight).
    • Setzt für die UI-Komponente die Einstellung Width auf %. 
    • Setzt für die UI-Komponente eine vertikale Gewichtung (Weight). 
    • Setzt für die UI-Komponente die Einstellung Height auf %.