Die UIListLayout Positionen sind in horizontale Zeilen oder vertikale Spalten innerhalb ihres Elterncontainers eingeblendet. Wenn Sie ein Objekthinzufügen oder entfernen, wird das Layout entsprechend angepasst.
Sobald Sie ein UIListLayout einfügen, überschreibt es entweder oder beeinflusst den Position , Rotation und/oder 1> Class.GuiObjekt.Size|Size1> von allen Schwester-UI-Objekten, so dass
Richtung füllen
Die FillDirection-Eigenschaft bestimmt die Richtung, in der die Listenvoreingestellten rendern.
Die Reihenfolge wird durch die Eigenschaft SortOrder des Layouts bestimmt, die entweder aufsteigend nummerisch basiert auf dem Wert des LayoutOrder jedes Artikeloder 1> alphanumerisch1> basiert auf dem Artikeldes 4> Class.Instance.
Um Elemente zu umkehren, wie z. B. die Reihenfolge der Elemente in einer horizontalen Liste, musst du die Sortierung umkehren. Zum Beispiel, wenn vier Elemente durch Class.GuiObject.
Ausrichtung
Die HorizontalAlignment und VerticalAlignment Eigenschaften bestimmen die jeweiligen X
HorizontalAlignment und VerticalAlignment unterscheiden sich leicht von item line alignment in einem 0>Flex0>-布局, mit dem Sie Elemente in der gleichen Zeile ausrichten können, ohne das gleiche Ausrichten auf die Gesamtwohnung in seinem Container anzuwenden.
Verpacken
Die WrapsBoolean-Steuerelemente, ob die Kinder innerhalb des übergeordneten Container-Wraps zu einer anderen Zeile geschaltet werden, wenn ihre Standardgröße die Breite/Höhe der Container-Größengrenzen überschreitet.
Polsterung
Die Padding Eigenschaft bestimmt die Menge an leerem Platz zwischen jedem Artikel, auf eine Skala (Prozent des Container-Größen in der aktuellen Richtung) oder ein Offset (statisches Platzierungsabstand ähnlich der Pixelgröße).
Dieses Eigenschaft gilt nicht für das Paging um die gesamten Grenzen der Liste; siehe UIPadding , um die oberen, unteren, linken und/oder rechten Padding anzuwenden auf den Inhalt der übergeordneten übergeordnetes Teil.
Flex-レイアウト
Die Integration von Flex in ein UIListLayout ist ein mächtiges Weg, um gleichmäßig füllen/verteilen oder 1>align/strecken1> Listenelemente auf ihrer Linie, oder 4>Flex-spezifische Elemente4> über einen variablen Platz.
Während flex ein mächtiges Toolist, sollten Sie es nicht auf ein UIListLayout ohne Ziel anwenden, da es einen leichten Leistungskostenvorteil über nicht- flex hinzufügt, insbesondere wenn Sie das Layout oder dynamisch hinzufügen/entfernen Flex-Elemente.
Darüber hinaus kann ein Rasterlayout vorteilhaft sein, wenn die Elemente streng in ein Raster in beiden X und Y Richtungen ausgerichtet sein sollen, da Raster布局 eine konstante Zellengröße verwenden, während Flex-布局 eine variabile Anzahl von Elementen pro Zeile verwenden können.
Äquale Füllung oder Verteilung
Wenn die Listenerstellung Richtung füllen auf Horizontal eingestellt ist, spezifiziert die Eigenschaft HorizontalFlex, wie der zusätzliche horizontale Platzim Eltern-Container verteilt
Eine praktische Verwendung von HorizontalFlex ist eine Registerkarte-Fenster-Oberfläche , bei der Flex die Registerkarienleiste jeweils gleich füllt, unabhängig von der Anzahl der Registerkarten. Keine Ansatz ist einfacher als Flex in diesem Fall, da es die Breite jedes Registerkarten automatisch berechnet, ohne entwicklerdefinierte Breiteneinstellungen und es autom
Artikelzeile Ausrichtung
Die ItemLineAlignment Eigenschaft definiert die quer direktional Ausrichtung von Brüdern innerhalb einer Linie, so dass Sie Objekte von verschiedenen Breiten/Höhen anordnen oder Objekte von weniger Breiten/Höhen füllen können, um ihr gesamtes Linienfüllen zu erfüllen.
Ein praktisches Beispiel für ItemLineAlignment ist es, eine Reihe von nicht einheitlich großen Kacheln zu strecken, um ihre ganze Reihe zu füllen ( Stretch ). Dies macht das布局 stärker.
Individuelle Flex-Items
Während das Flexen eines gesamten布局 eine mächtige Utility ist, sind bestimmte布局 besser für einzelne Item-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flexing-Flex
Um einen bestimmten Listenelement als flexibel zu setzen, fügen Sie ein UIFlexItem als Kind des flexiblen Artikelein und setzen Sie seine Eigenschaft Class.UIFlexItem.FlexMode|FlexMode</
