Mit einem XdevGridLayout lassen sich beliebige UI-Komponenten tabellarisch anhand von Zeilen und Spalten anordnen. Die Anzahl an Zeilen und Spalten ergibt sich durch die eingefügten UI-Komponenten automatisch. Die Breite und Höhe einer Zelle wird automatisch durch die darin enthaltene UI-Komponente definiert, kann jedoch durch Vergabe einer Gewichtung (Weight) auch vergrößert werden.

Legen Sie eine neue View ohne Layout an.
Fügen Sie aus der Palette ein XdevGridLayout mit Drag-and-Drop in die View ein.
Fügen Sie 5 Zeilen mit jeweils 5 Buttons nacheinander in das XdevGridLayout ein.
Image Removed

Layout-Optionen

...

With an XdevGridLayout, you can tabulate any UI component by using rows and columns. The number of rows and columns is automatically determined by the UI components that are included. The width and height of a cell is automatically defined by the UI component that is contained in the cell; however, these attributes can also be modified by assigning a weight (Weight).

Creates a new view without layout.
Drag an XdevGridLayout from the palette and drop it in the view.
One by one, add five rows with five buttons in each row to the XdevGridLayout.
Image Added

Layout Options

Align - The UI component is docked to the specified border of the cell or is centered.

Span
- Remove one column of span - Die Streckung wird um 1 Spalte reduziert. Eine Streckung von rechts nach links wird nicht unterstützt The span is reduced by one column. Stretching from right to left is not supported.
- Span over one more column - Die UI-Komponente wird über die rechts folgende Spalte gestreckt The UI component spans the height of the column to the right.
- Remove one row of span - Die Streckung wird um 1 Zeile reduziert. Eine Streckung nach oben wird nicht unterstützt The span is reduced by one row. Stretching to the top is not supported.
- Span over one more row - Die UI-Komponente wird über die unten folgende Zeile gestrecktThe UI component spans the width of the row below.
Image Modified
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 The cell that contains the UI component takes up all the available horizontal space. If this property is assigned to several UI components, the available space is divided according to the specified 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 The cell that contains the UI component takes up all the available vertical space. If this property is assigned to several UI components, the available space is divided according to the specified weight.
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: The width of the UI component is automatically defined by its content.
- px: The width of the UI component is automatically defined in pixels.
- ?: The UI component spans the entire available cell width.
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: The height of the UI component is automatically defined by its content.
- px: The height of the UI component is automatically defined in pixels.
- ?: The UI component spans the entire available cell height.
Quick Settings
- Don´t Stretch - Die Breite und Höhe der UI-Komponente wird automatisch durch ihren Content definiert The width of the UI component is automatically defined by its content.
- Stretch Horizontally
  - Setzt für die UI-Komponente eine horizontale Gewichtung Assigns a horizontal weight to the UI component (Weight).Setzt für die UI-Komponente die Einstellung Width auf %
  - Sets the Width setting of the UI component to %.
- Stretch Vertically
  - Setzt für die UI-Komponente eine vertikale Gewichtung Assigns a vertical weight to the UI component (Weight). Setzt für die UI-Komponente die Einstellung Height auf
  - Sets the Height setting of the UI component to %.
- Stretch In in Both Directions
  - Setzt für die UI-Komponente eine horizontale Gewichtung Assigns a horizontal weight to the UI component (Weight).
  - Setzt für die UI-Komponente die Einstellung Width auf %.
  - Setzt für die UI-Komponente eine vertikale Gewichtung Sets the Width setting of the UI component to %.
  - Assigns a vertical weight to the UI component (Weight).
  - Setzt für die UI-Komponente die Einstellung Height auf Sets the Height setting of the UI component to %.