Die UIListLayout-Positionen der Geschwister GuiObjects in horizontale Zeilen oder vertikale Spalten innerhalb ihres Elterncontainers.Jedes Mal, wenn du ein Sibling-Objekt hinzufügst oder entfernst, passt sich das Layout entsprechend an.
Sobald du ein UIListLayout eingefügt hast, wird es entweder die Position , Rotation und/oder Size aller Geschwister-UI-Objekte überschreiben oder beeinflussen, so dass Änderungen an diesen Eigenschaften innerhalb des Eigenschaften -Fensters oder innerhalb eines Skripts keinen normalen Effekt haben.
Richtung füllen
Die Eigenschaft FillDirection bestimmt die Richtung, in der die Geschwister des Listenlayouts rendernwerden.
Die Bestellung wird durch die Eigenschaft des Layouts bestimmt, die entweder aufsteigend numerisch oder alphanumerisch basierend auf dem Zahlwert des jeden Artikels ist oder alphanumerisch basierend auf dem Artikel .
Um Elemente umzukehren, wie z. B. die Reihenfolge von rechts nach links in einer horizontalen Liste, musst du die Sortierung umkehren.Zum Beispiel, wenn vier Artikel von LayoutOrder von 0 , 1 , 2 , 3 bestellt werden, lehne jeden Wert ab, um eine Bestellung von 0 , -1 , -2 , -3 zu bilden.
Ausrichtung
Die Eigenschaften HorizontalAlignment und VerticalAlignment bestimmen die jeweilige X - und Y -Ausrichtung der Geschwister der Liste in Bezug auf einander und die Gesamtgrenzen der Liste innerhalb ihres Containers.Zum Beispiel füllt eine horizontal gefüllte Liste mit VerticalAlignment von Center Zentren die Geschwister der Liste gegenseitig aus und zentriert die Liste vertikal in ihrem Container.
HorizontalAlignment und VerticalAlignment unterscheiden sich leicht von artikelzeilenausrichtung in einem flex layout, mit dem sie artikel in derselben zeile ausrichten können, ohne die gleiche ausrichtung auf die gesamtgrenzen der liste in ihrem container anzuwenden.
Verpacken
Die Wraps booleschen Steuerelemente entscheiden, ob Geschwister innerhalb des Elterncontainers auf eine andere Zeile umgreifen, wenn ihre Standardgröße die Breite/Höhe der Grenzen des Containers überschreitet.
Ausfüllung
Die Eigenschaft Padding bestimmt die Menge an leerem Raum zwischen jedem Artikel, die auf eine Skala (Prozentsatz der Größe des Containers in der aktuellen Richtung) oder einen Versatz (statische Abstandsgröße ähnlich der Pixelfarbe) festgelegt ist.
Diese Eigenschaft gilt nicht für die Pufferung rund um die Gesamtgrenzen der Liste; siehe UIPadding, um oben, unten, links und/oder rechts Pufferung für den Inhalt des übergeordnetes Teilanzuwenden.
Flexible Ansichten
Die Integration von flex in ein UIListLayout ist eine mächtige Möglichkeit, gleichmäßig füllen/verteilen oder ausrichten/strecken Listenartikel über ihre Linie oder flex spezifische Artikel über einen variablen Platzzu verteilen.
Während Flex ein mächtiges Toolist, solltest du es nicht ohne Zweck auf ein UIListLayout anwenden, da es eine leichte Leistungskosten hinzufügt, die über Nicht-Flex liegt, insbesondere wenn du das Layout skalierst oder dynamisch flexible Elemente hinzufügst/entfernst.
Zusätzlich kann ein Gitterlayout bevorzugt sein, wenn Artikel streng an einem Gitter in den Richtungen X und Y ausgerichtet sein sollen, da Gitterlayouts eine konstante Zellgröße erzwingen, während Flex-Layouts eine variable Anzahl von Artikeln pro Zeile verwenden können.
Gleiche Füllung oder Verteilung
Wenn die Füllrichtung der Listenansicht auf festgelegt ist, gibt die Eigenschaft an, wie zusätzlicher horizontaler Raum im Elterncontainer verteilt werden soll.Ebenso, wenn die Füllrichtung auf Vertical festgelegt ist, gibt die Eigenschaft VerticalFlex an, wie zusätzlichen vertikalen Platzverteilt werden soll.
Eine praktische Verwendung von HorizontalFlex ist ein Registerfenster-Interface , in dem Flex die Registerleiste gleichmäßig füllt, unabhängig von der Anzahl der Registerkarten.Kein Ansatz ist einfacher als Flex in diesem Fall, weil er die Breite jedes Tabs automatisch ohne von der Entwicklerin definierte Breiteneinstellungen berechnet und sich automatisch anpasst, wenn sich die Anzahl der Tabs ändert.
Artikelzeilenausrichtung
Die Eigenschaft ItemLineAlignment definiert die kreuzweise Ausrichtung von Geschwistern innerhalb einer Linie, so dass Sie Objekte mit unterschiedlicher Breite/Höhe ausrichten oder Objekte mit geringerer Breite/Höhe ihre gesamte Linie füllen können.
Ein praktischer Anwendungsfall für ItemLineAlignment ist es, eine Reihe von unterschiedlich großen Fliesen zu strecken, um ihre gesamte Reihe zu füllen ( Stretch ), was das Layout kohesiver macht.
Flexible einzelne Artikel
Während das Ausrichten eines gesamten Layouts eine leistungsstarke Anwendung ist, sind bestimmte Layouts besser geeignet für das Ausrichten von einzelnen Artikeln .In solchen Layouts halten einige Elemente in der Liste ihre Kerngröße bei, während andere Elemente sich anpassen, um variable Räume auszufüllen.Eine praktische Verwendung ist ein Slider-Bar-Widget mit einheitlichen Etiketten an beiden Enden und einer flexiblen Slider-Bar, die die gesamte Breite zwischen füllt.
Um ein bestimmtes Listen-Element als flexibel zu setzen, füge ein UIFlexItem als Kind des flexiblen Artikelein und lege dann seine FlexMode Eigenschaft auf Fill , Grow , Shrink oder Custom fest.
