UIListLayout
*Ta zawartość została przetłumaczona przy użyciu narzędzi AI (w wersji beta) i może zawierać błędy. Aby wyświetlić tę stronę w języku angielskim, kliknij tutaj.
A UIListLayout pozycje siostrzane elementy UI w rzędach lub kolumnach w ramach połączonego pojemnika UI, na
Aby kontrolować kolejność ustawień siostrzanych, ustaw SortOrder na En
Padanie między braciaми jest kontrolowane poprzez właściwość Padding i zapisowanie w granicach kontenera rodzica poprzez zmienne Wraps . Alignowanie braci w rodzicu
Uwaga, że istnieją problemy z wydajnością używania listy flex-łączonej, ponieważ dodatkowe obliczenia są wymagane do obliczenia rozmiarów bazy flex, rozmiarów zgiętych i zapisu linii. Flex jest włączony na UIListLayout , gdy następujące właściwości są ustawiać, lub jeśli
- ItemLineAlignment jest ustawiony na Enum.ItemLineAlignment.Automatic .
- Wraps jest true .
Podsumowanie
Właściwości
Kontroluje, jak rozdzielać dodatkową przestrzeń poziomą.
W pełnej implementacji określa krzyżowe ustawienie siostrzane w linii.
Ilość darmowego miejsca między każdym elementem.
Kontroluje, jak rozdzielać dodatkową przestrzeń wertykalną.
Kontroluje, czy członkowie w obwodzie poziomu rodzica.
Absolutna wielkość przestrzeni zajmowanej przez kształt siatki.
Określa osi, w której są umieszczone obiekty interfejsu.
Określa poziomowy rozstaw elementów interfejsu w ramach elementu ojca.
Określa kolejność umieszczania obiektów interfejsu dzieci w układzie.
Określa poziomowy alineament elementów UI w obszarze ojca elementu.
Właściwości
HorizontalFlex
Gdy listy布局 FillDirection ustawione na Enum.FillDirection.Horizontal, właściwość HorizontalFlex określa, jak rozdzielać dodatkową przestrzeń poziomą w kontenerze rodzicielskim.
<tbody><tr><td><code>enum.UIFlexRotation.None|None</code></td><td>Brak zachowania flex; bracia utrzymują swoją zdefiniowaną szerokość.</td></tr><tr><td><code>enum.UIFlexRotation.Fill|Fill</code></td><td>Bliźnięta skalują poziomo, aby wypełnić cały kontener rodzicielski, nadając jego zdefiniowaną szerokość. Liczba braci w rzędzie pozostaje niezmienna; na przykład, jeśli trzy bracia pasują poziomo w ramach szerokości kontenera pod ustawieniem <code>enum.UIFlexAlignment.None|None</code>, ich trzy bracia będą skalować, aby wypełnić całą szerokość.</td></tr><tr><td><code>enum.UIFlexRotation.SpaceAround|SpaceAround</code></td><td>Bliźnięta utrzymują swoją zdefiniowaną szerokość. Równy rozdział jest dodany na obu stronach każdego brata.</td></tr><tr><td><code>enum.UIFlexRotation.SpaceBetween|SpaceBetween</code></td><td>Bliźnięta utrzymują swoją zdefiniowaną szerokość. Równa odległość jest dodawana między siostrami, ale nie dodawana jest dodatkowa przestrzeń między siostrami.</td></tr><tr><td><code>enum.UIFlexRotation.SpaceEvenly|SpaceEvenly</code></td><td>Bliźnięta utrzymują swoją zdefiniowaną szerokość. Równy rozdział jest dodany zarówno pomiędzy i wokół bliskich.</td></tr></tbody>
Ustawienia | Zachowanie siostrzane |
---|
Zachowanie kierunkowe
W listach listach listy ( Class.UIListLayout.FillDirection|FillDirection) ustawione na 枚UIFlex), HorizontalFlex właściwość określa, jak rozdzielać braci na całą prz
Interakcja rozmiarowa automatyczna
Jeśli GuiObject.AutomaticSize jest włączony dla dziecka Class.UIListLayout w Class.UIListLayout.FillDirection|FillDirection , to jest to interpretowane jako "bazowa siła elastyczności" i określa rozmiar UIListLayout z którego może rosnąć lub schrumpnąć.
Jeśli GuiObject.AutomaticSize jest włączony dla dziecka UIListLayout w krzyżu, jest to interpretowane jako "automatyczny rozmiar krzyżowy" i określa minimalny rozmiar wymaganym do zawarcia wszystkich treści dziecka w krzyżu.
ItemLineAlignment
W układzie elastycznym, określa krzyżowe ustawienie siostrzanego w linii. Zobacz Enum.ItemLineAlignment dla przykładów wizualnych.
<tbody><tr><td><code>enum.ItemLineAlignment.Automatic|Automatic</code></td><td>Ustawia siostrę lub Class.UIFlexItem rodziciela układu do układu Class.UIListLayout.HorizontalAlignment|HorizontalRotation lub Class.UIListLayout.VerticalAlignment, w zależności od jego 2>Class.UIListLayout.FillDirection|FillDirection2>.</td></tr><tr><td><code>enum.ItemLineAlignment.Start|Start</code></td><td>Ustawia siostrę lub Class.UIFlexItem rodziciela układu na linię na górze w wypełnieniu poziomym lub na lewo w wypełnieniu poziomym.</td></tr><tr><td><code>enum.ItemLineAlignment.Center|Center</code></td><td>Dostosuj siostry lub Class.UIFlexItem rodzicielki układu do środka linii w wypełnieniu poziomym lub wertykalnym.</td></tr><tr><td><code>enum.ItemLineAlignment.End|End</code></td><td>Ustawia siostrę lub Class.UIFlexItem rodziciela układu na linię dół w wypełnieniu poziomym lub prawo w wypełnieniu wertykalnym.</td></tr><tr><td><code>enum.itemline alignment. stretch| stretch</code></td><td>Rozciąga siostrzane lub specjalne <code>Class.UIFlexItem</code> rodowanie, aby wypełnić całą kierunek krzyżową linii w pionie lub poziomie.</td></tr></tbody>
Ustawienia | Zachowanie siostrzane |
---|
Padding
Określa ilość darmowego miejsca między każdym elementem, ustawioną na skalę (procent rozmiaru rodzica w obecnym kierunku) lub odległość (styczne rozmiary statyczne).
VerticalFlex
Gdy listy布局 FillDirection są ustawione na Enum.FillDirection.Vertical, właściwość VerticalFlex określa, jak rozdzielać dodatkową przestrzeń wertykalną w kontenerze rodzicielskim.
<tbody><tr><td><code>enum.UIFlexRotation.None|None</code></td><td>Brak zachowania flex; bracia utrzymują swoją zdefiniowaną wysokość.</td></tr><tr><td><code>enum.UIFlexRotation.Fill|Fill</code></td><td>Bliźnięta skalują poziomo, aby wypełnić cały kontener rodzicielski, nadając jego zdefiniowaną wysokość. Liczba braci w kolumnie pozostaje niezmienna; na przykład, jeśli trzy bracia pasują poziomo w ramach wysokości kontenera pod ustawieniem <code>enum.UIFlexAlignment.None|None</code>, to trzy bracia zostaną skalowane, aby wypełnić całą wysokość.</td></tr><tr><td><code>enum.UIFlexRotation.SpaceAround|SpaceAround</code></td><td>Bliźnięta utrzymują swoją zdefiniowaną wysokość. Równomiernożenie przestrzeni jest dodane na obu stronach każdego brata.</td></tr><tr><td><code>enum.UIFlexRotation.SpaceBetween|SpaceBetween</code></td><td>Bliźnięta utrzymują swoją zdefiniowaną wysokość. Równa odległość jest dodawana między siostrami, ale nie dodawana jest dodatkowa przestrzeń między siostrami.</td></tr><tr><td><code>enum.UIFlexRotation.SpaceEvenly|SpaceEvenly</code></td><td>Bliźnięta utrzymują swoją zdefiniowaną wysokość. Równomiernożny rozstaw jest dodany zarówno pomiędzy i wokół bliskich.</td></tr></tbody>
Ustawienia | Zachowanie siostrzane |
---|
Zachowanie kierunkowe
W listach listach listy ( Class.UIListLayout.FillDirection|FillDirection) ustawione na 枚UFlex), vertical cross direction i 2>Class.UIListLayout.HorizontalFlex2> ) znaczniki <
Interakcja rozmiarowa automatyczna
Jeśli GuiObject.AutomaticSize jest włączony dla dziecka Class.UIListLayout w Class.UIListLayout.FillDirection|FillDirection , to jest to interpretowane jako "bazowa siła elastyczności" i określa rozmiar UIListLayout z którego może rosnąć lub schrumpnąć.
Jeśli GuiObject.AutomaticSize jest włączony dla dziecka UIListLayout w krzyżu, jest to interpretowane jako "automatyczny rozmiar krzyżowy" i określa minimalny rozmiar wymaganym do zawarcia wszystkich treści dziecka w krzyżu.
Wraps
Kontroluje, czy członkowie w obszarze kontenera rodzica zostaną przeniesieni do kolejnej linii, gdy ich domyślna wielkość przekroczy wymiary/wysokość obszaru.