Im Vergleich zu UIListLayout , UIGridLayout und UITableLayout ermöglichen mehr strukturierte und organisierte Layouts.Diese sind am besten geeignet für Schnittstellen wie ein Shop-Inventar, bei dem jedes Element in einem Gitter mit gleich großen Kacheln dargestellt werden kann, oder Artikel können in verwandten Zeilen/Spalten sortiert werden.
Gitternetz-Layout
UIGridLayout Positionen Geschwister GuiObjects in einem Gitter von einheitlichen Zellen derselben Größe innerhalb ihres Elterncontainers.Zellen werden durch Zeile oder Spalte basierend auf dem Layout hinzugefügt FillDirection, bis die nächste Zelle nicht passt, dann beginnt eine neue Zeile oder Spalte.Für weitere Kontrolle kannst du die Eigenschaft FillDirectionMaxCells verwenden, um die maximale Anzahl von Zellen pro Zeile oder Spalte festzulegen.
Standardmäßig sind UIGridLayout Positionen der Geschwister GuiObjects in der Reihenfolge ihrer LayoutOrder, wo niedrigere Werte vor höheren Werte gehen, und gleichwertige Werte sortieren sich nach der Reihenfolge, in der du sie hinzugefügt hast.Wenn du das Layout von SortOrder auf Enum.SortOrder.Name änderst, werden die Geschwister in alphabetischer Reihenfolge sortiert.
Sobald du ein UIGridLayout eingefügt hast, wird es entweder die Position 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.
UIGridLayout respektiert jede Einschränkung, die du auf Objekte innerhalb des Grids anlegst.Wenn ein Objekt zum Beispiel ein UISizeConstraint mit einer MinSize Eigenschaft hat, die höher ist als die Eigenschaftendes Grids CellSize, wird das Objekt mehrere Zellen ausfüllen.
Tabelle-Layout
UITableLayout Positionen Bruder GuiObjects und ihre Kinder in Tabellenformat.Die Standard FillDirection von Vertical bedeutet, dass Geschwister zuerst in Zeilen positioniert werden und die Kinder dieser Geschwister horizontal positioniert werden, um Säulen zu bilden, sodass jede Zelle innerhalb einer Zeile die gleiche Höhe hat und jede Zelle innerhalb einer Säule die gleiche Breite hat.
Dieses Muster imitiert die Standard-HTML-Zeil/Säulenstruktur:
Wenn du die Eigenschaften des Layouts FillEmptySpaceColumns oder FillEmptySpaceRows nicht aktivierst, bestimmt die Größe des Geschwisters GuiObjects die Dimensionen der Zellen.Zum Beispiel erstellt ein TextLabel der Größe UDim2.new(0.25, 0, 0.1, 0) eine Tabellenzelle mit 25% Breite und 10% Höhe innerhalb des übergeordneten Containers.
Sobald du ein UITableLayout eingefügt hast, wird es entweder die Position 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.
UITableLayout respektiert und reagiert auf jede UISizeConstraint , die du auf Objekte innerhalb der Tabelle platzierst.Wenn ein Objekt zum Beispiel ein UISizeConstraint mit einer MinSize Eigenschaft innerhalb einer Kopfzeilenzelle hat, ist der Rest der Zellen innerhalb der Spalte gleich groß wie die Kopfzeilenzelle.
Beachten Sie, dass, wenn die MaxSize Eigenschaft die Größe einer Zelle von der Befüllung des zugewiesenen Raums einer Zeile oder Spalte einschränkt, die dem Zellenbereich größer ist als die Zelle, sich das Objekt an der oberen linken Seite der Zelle ausrichtet.