Pozycje UIListLayout zazwyczaj siostrzane GuiObjects w rzędach poziomych lub kolumnach wertykalnych w ich obszarze rodzicielskim. Każdorazowo, gdy dodasz lub usuniesz siostrzony obiekt, układ zostanie dostosowany odpowiednio.
Po wstawieniu UIListLayout , zastąpi lub wpłynie na Position, Rotation i/lub 2>Class.GuiObject.Size|Size2> wszystkich siostrzanych obiektów UI, więc zmiany w tych właściwościach w oknie
Wypełnij kierunek
Właściwość FillDirection określa kierunek, w którym renderują się siostrzane listy.
Sortowanie jest zdeterminowane przez właściwość SortOrderClass.UIListLayout.SortOrder|SortOrder , która może być albo wzrostem liczby w każdym przedmiot, w oparciu o wartość przedmiot2> Class.GuiObject.LayoutOrder|LayoutOrder2> , lub albo
Aby odwrócić elementy, takie jak sortowanie z lewej do prawego w pionowej liście, będziesz musiał odwrócić sortowanie. Na przykład, jeśli cztery pozy są
Zróżnicowanie
Właściwości HorizontalAlignment i VerticalAlignment określają odpowiedni
HorizontalAlignment i VerticalAlignment różnią się nieco od linii rzędu w łóżku flex, z którym możesz zaliczyć pozycje w tej samej linii bez stosowania tego samego ustawienia dla ogólnych granic listy w jego Containerze.
Pakowanie
Kontrolery Wraps bez względu na to, czy członkowie w obwodzie rodzica są w rzędzie, gdy ich domyślna wielkość przekracza szerokość/wysokość granic kontenera.
Poduszki
Właściwość Padding określa ilość pustego miejsca pomiędzy każdym pojedynczym pozycją przedmiot, ustawioną na skalę (procent rozmiaru kontenera w obecnym kierunku) lub odległość (styczny rozmiar wielkości).
Ta właściwość nie stosuje się do wypełnienia około ogólnych granic listy; zobacz UIPadding aby zastosować top, bottom, lewo i / lub prawo wypełnienie do zawartości rodzica.
Elastyczne układy
Zintegrowanie flex w UIListLayout jest mocnym sposobem na równomierne wypełnienie/dystrybucję lub 1> ustawienie/rozciągnięcie1> listy pozycji na ich linii lub 4> elastyczne przedmioty4> na zmiennej przestrzeni.
Podczas gdy flex jest potężnym narzędziem, nie należy go stosować do UIListLayout bez celu, ponieważ dodaje nieznaczny koszt wydajności nad nią, szczególnie gdy skaluje się layout lub dynamicznie dodaje/usuwa pozycje flex.
Dodatkowo, układ siatkowy może być preferowane, gdy przedmioty powinny być rygorystycznie zalineowane do siatki w obu kierunkach X i Y, ponieważ układ siatkowy egzekwuje konstytucyjny rozmiar komórki, podczas gdy układy elastyczne mogą używać zmiennej liczby przedmiotów na linię.
Równa wypełnianie lub dystrybucja
Gdy właściwość fillDirection listy ustawiona jest na Horizontal, w HorizontalFlex określa sposób rozdziału dodatkowej przestrzeni poziomej w kontenerze rodzicielskim. Podobnie, gdy
Jednym praktycznym użyciem HorizontalFlex jest interfejs okienko z zakładkami , w którym flex wypełnia bar okienka równomiernie, niezależnie od liczby zakładek. Żadne podejście nie jest łatwiejsze niż w tym przypadku, ponieważ automatycznie oblicza szerokość każdej zakładki bez ustawień
Zróżnicowanie linii przedmiotu
Właściwość ItemLineAlignment określa korelację krzyżową pomiędzy braciaми w linii, umożliwiającą ustawienie obiektów różnych szerokości/wysokości lub upewnienie się, że obiekty mniejszej szerokości/wysokości wypełniają całą linię.
Jednym praktycznym przypadkiem użycia dla ItemLineAlignment jest rozciągnięcie serii różnych rozmiarów płytki, aby wypełnić ich całą linię ( Stretch), czyniąc layout bardziej spójnym.
Elastyczne pojedyncze pozyty
Podczas gdy elastyczne ułożenie całej strony jest potężnym narzędziem, niektóre ułożenia są lepiej nadają się do indywdualnego elastycznego ułożenia . W takich układach niektóre elementy na liście utrzymują swoją rozmiar głównej części, podczas gdy inne elementy elastyczne ułożone są na wypełnienie zmiennej przestrzeni. Jednym z praktycznych użyć
Aby ustawić jeden specyficzny pozycji listy jako elastyczny, wstaw UIFlexItem jako dziecko elastycznego przedmiot, a następnie ustaw jego Class.UIFlexItem.Flex
