Flexibles Layout
Ein Element Container, welcher sowohl die Orientierung, als auch die Ausrichtung seines Inhalts flexibel bestimmen kann.
In der Eigenschaftenrubrik "Layout" des Editors können die Einstellungen vorgenommen werden.
Orientierung
Bestimmt die Anordnung der untergeordneten Elemente.
|
vertikal |
horizontal |
|
Elemente werden untereinander angeordnet |
Elemente werden nebeneinander angeordnet |
|
|
|
Ausrichtung
Bestimmt, wie die Elemente angeordnet und ausgerichtet werden sollen.
Dabei wird zwischen horizontaler und vertikaler Ausrichtung unterschieden (z.B. links und oben).
Abhängig von der Orientierung des Containers stehen jeweils andere Ausrichtungsoptionen zur Verfügung.
Die Icons der Optionen zeigen, wie die Elemente ausgerichtet werden. Die aktuell ausgewählten Optionen werden entsprechend hervorgehoben.
|
vertikale Optionen |
horizontale Optionen |
|
|
|
Ausrichtungen, bei denen sich die Elemente auf den verfügbaren Platz verteilen (jeweils die letzten beiden), stehen für die jeweils gegenteilige Orientierung nur zur Verfügung, wenn die Option "Elemente können umbrechen" aktiviert ist.
Werden mehrere Flexible Layout Container ausgewählt, werden nur noch die Optionen eingeblendet, welche für beide Container gültig sind. z.B.
Elemente können umbrechen
Diese Option legt fest, ob die Elemente in Orientierungsrichtung umbrechen können, wenn der Platz in einer Reihe/Spalte nicht mehr ausreicht.
Beispiel
|
Elemente können nicht umbrechen |
Elemente können umbrechen |
|
|
|
Besonderheit: "Wiederholendes Element" und "Optionale Elemente"
Innerhalb eines Flexiblen Layout Containers hängt die Orientierung von wiederholten und optionalen Elementen ebenfalls von der eingestellten Orientierung ab.
Beispiel:
|
Ausrichtung: vertikal |
Ausrichtung: horizontal |
|
|
|
Zusätzlich kann auch die Position der +/- Knöpfe in der Eigenschaften-Rubrik "Layout" eingestellt werden.
Beispiele:
|
Einstellung |
Darstellung |
|
|
|
|
|
|
|
|
|
