TcHmiFlexContainer

Der Flex Container ist ein Layout-Control, das auf dem nativen CSS Flexbox Layout des Browsers basiert. Er ordnet Kind-Controls entlang einer Hauptachse an – wahlweise horizontal oder vertikal – und eignet sich damit besonders für lineare Anordnungen wie Toolbars, Navigationsleisten oder gleichmäßig verteilte Elementreihen.

Das gesamte Layout wird über eine einzige Eigenschaft (FlexLayout) konfiguriert. Der Browser übernimmt dabei die Positionierung der Kind-Controls automatisch, sodass keine manuellen Koordinaten erforderlich sind. Bei Bedarf können die Elemente umgebrochen werden, um sich an den verfügbaren Platz anzupassen, und ihre Verteilung lässt sich sowohl entlang der Haupt- als auch der Querachse steuern – von einfacher Ausrichtung bis hin zu gleichmäßiger Verteilung mit automatischen Abständen.

Der Flex Container ist die empfohlene Wahl, wenn Controls in einer einzelnen Richtung angeordnet werden sollen. Für zweidimensionale Raster-Layouts, bei denen Zeilen und Spalten gleichzeitig definiert werden, bietet sich stattdessen der Grid Container an.

Controls die Kinder des TcHmiFlexContainers sind, können über ihr eigenes Attribut FlexItemLayout konfiguriert und positioniert werden.

Server Erweiterungen

-

Vererbungshierarchie

TcHmiControl > TcHmiContainerControl > TcHmiFlexContainer

Verfügbar ab Version 14.4.17