TileLayout
Das TileLayout ordnet, ähnlich dem FlowLayout, die Container-Kinder sequenziell von links nach rechts fließend an.
Auch beim TileLayout können Zeilenumbrüche nicht explizit definiert werden. Eine Zeile wird automatisch umgebrochen, wenn nicht mehr genügend Platz für das nächste Container-Kind zur Verfügung steht. Das TileLayout unterstützt damit responsives Webdesign.
Im TileLayout werden (anders als beim FlowLayout) alle Container-Kinder mit gleicher Breite dargestellt.
Durch die gleiche Breite aller Container-Kinder entsteht eine kachelmusterartige Anordnung der Container-Kinder, d.h. die Container-Kinder werden in Zeilen und Spalten dargestellt.
Die Layout-Daten für ein Oberflächenelement in einem Container, dem ein TileLayout zugeordnet ist, werden von TileData zur Verfügung gestellt.|
Laufzeit-Klasse |
CL_WD_TILE_LAYOUT |
Weitere Eigenschaften, die über Vererbung zur Verfügung stehen, sind in den dazugehörigen übergeordneten Klassen definiert. Die dazugehörigen Oberflächenelemente sind:
|
Name |
Typ |
Anfangswert |
Bindbar |
|---|---|---|---|
|
STRING |
(automatisch) |
nein |
|
|
STRING |
ja |
||
| cellPadding |
WDUI_TILE_LAYOUT_CELL_PADDING |
none |
ja |
| minCellWidth |
I |
ja |
Für die dynamische Programmierung stehen dieselben Eigenschaften, Ereignisse und Aggregationen zur Verfügung wie im View Designer. Beachten Sie dabei die unterschiedlichen Schreibweisen.
Dynamische Programmierung der Eigenschaften
| View Designer Name | Laufzeitname | Typ |
|---|---|---|
| allowedColCounts | ALLOWEDCOLCOUNTS | STRING |
| cellPadding | CELLPADDING | WDUI_TILE_LAYOUT_CELL_PADDING |
| cellPadding: large | CL_WD_TILE_LAYOUT=>E_CELLPADDING-LARGE | |
| cellPadding: medium | CL_WD_TILE_LAYOUT=>E_CELLPADDING-MEDIUM | |
| cellPadding: none | CL_WD_TILE_LAYOUT=>E_CELLPADDING-NONE | |
| cellPadding: none | CL_WD_TILE_LAYOUT=>E_CELLPADDING-NONE | |
| cellPadding: small | CL_WD_TILE_LAYOUT=>E_CELLPADDING-SMALL | |
| minCellWidth | MINCELLWIDTH | I |
Ein Beispiel finden Sie im System in der WDR_TEST_TILE_LAYOUT