UIListLayout

Pokaż przestarzałe

*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

UIListLayouts illustrating FillDirection of either horizontal
or vertical.

Aby kontrolować kolejność ustawień siostrzanych, ustaw SortOrder na En

List layout examples illustrating numerical LayoutOrder
sorting or alphanumerical Name sorting.

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

Podsumowanie

Właściwości

Właściwości odziedziczeni z: UIGridStyleLayout

Właściwości

HorizontalFlex

Odczyt równoległy

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>
UstawieniaZachowanie siostrzane
UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.
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

Diagram showing how HorizontalFlex affects the horizontal size of sibling UI objects when the UIListLayout fill direction is set to vertical.
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

Odczyt równoległy

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>
UstawieniaZachowanie siostrzane
Examples of options for ItemLineAlignment in a horizontal fill direction.

Padding

Odczyt równoległy

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).

Odczyt równoległy

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>
UstawieniaZachowanie siostrzane
UIListLayout examples showing how each VerticalFlex option affects the size and spacing of sibling UI objects.
Zachowanie kierunkowe

W listach listach listy ( Class.UIListLayout.FillDirection|FillDirection) ustawione na 枚UFlex), vertical cross direction i 2>Class.UIListLayout.HorizontalFlex2> ) znaczniki <

Diagram showing how VerticalFlex affects the vertical size of sibling UI objects when the UIListLayout fill direction is set to horizontal.
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

Odczyt równoległy

Kontroluje, czy członkowie w obszarze kontenera rodzica zostaną przeniesieni do kolejnej linii, gdy ich domyślna wielkość przekroczy wymiary/wysokość obszaru.

Diagram showing how Wraps affects how siblings are distributed within the parent container's bounds.

Metody

Zdarzenia