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

1. Legen Sie eine neue /wiki/spaces/DOK/pages/13762656 ohne Layout 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.
   

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.
  
  
  
• 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 streckt sich automatisch über die gesamte verfügbare Breite. Das passiert nicht, Icon ist deaktiviert!
• 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.