Listeler ve Flex Yazı Tipleri

*Bu içerik, yapay zekâ (beta) kullanılarak çevrildi ve hatalar içerebilir. Sayfayı İngilizce görüntülemek için buraya tıkla.

Class.UIListLayout pozisyonları, ebeveyn konteneynerleri içindeki eşdeğer GuiObjects pozisyonlarına horizontally veya vertically kolonlar içinde yerleştirilir. Bir eşdeğer objeyi eklediğinizde, yerleşim düzeni buna göre ayarlanır.

Yönü Doldur

Class.UIListLayout.FillDirection|FillDirection özelliği, liste listesi üyelerinin rendeleceği yönü belirler.

UIListLayouts illustrating FillDirection of either horizontal or vertical.

Sıralama, yerleşiminin şu andaki SortOrder özelliğine bağlı olarak belirlenir, her bir öğenin Class.GuiObject.LayoutOrder|LayoutOrder değerine, veya alfa sayısına dayanarak LayoutOrder olabilir.

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

Yerleştirme

The HorizontalAlignment and VerticalAlignment properties determine the respective X

List layout illustrating VerticalAlignment of Center.

Wrapping

Class.UIListLayout.Wraps|Wraps iletişim kutuları, ebeveyn kutunun boyut/yüksekliği sınırını aştığında kardeşleri diğer bir satıra yazdırır.

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

Yastık

Özellik, her liste öğesi arasındaki boş alan miktarını belirler Padding, bir ölçeği (konteynerinizin mevcut yönündeki küçük ölçeği) veya bir ofseti (静的 yerleştirme değerine benzer bir piksel büyüklüğü) ayarlar.

Esnekレイアウト

Flex'i bir Class.UIListLayout içine entegre etmek, eşit şekilde doldurma/dağıtma veya UIListLayout liste öğelerini çizgileri boyunca eşit olarak doldurma veya döndürme öğeleri ile döndürme gibi güçlü bir yoludur.

Eşit Doldurma veya Dağıtma

Liste listesi boşluk yönünü belirlemek için Horizontal özelliğine ayarlandığında, HorizontalFlex özelliği ekstra yatay alanın e

UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.

Class.UIListLayout.HorizontalFlex|HorizontalFlex ın pratik bir kullanımı bir tabağı pencere arayüzüdür, bu nedenle flex pencereleri herhangi bir sayıda tablo açısından eşit olarak doldurur. Bu durumda, genişliği her tablo açısından otomatik olarak hesaplar ve

Öğe Hizası Alignment

The ItemLineAlignment özelliği, çizgideki kardeşlerin çevirimi ekseninde ortaya çıkar, böylece farklı genişlik/yüksekliği olan nesneleri yerleştirebilir veya daha düşük genişlik/yüksekliği nesnelerini tüm çizgi boyunu doldurabilirsiniz.

Examples of options for ItemLineAlignment in a horizontal fill direction.

Bir ItemLineAlignment için pratik bir kullanım durumu, bir dizi tutarsız boyutlu kareyi seri olarak uzatıp tüm satırını doldurmak (Stretch, yapıyı daha kuvvetli hale getirir.

Farklı içerik yüksekliklerine sahip kareler düzensiz ve şaşırtıcı bir yerleşim sonuçlarına yol açar.

Individual Parçalara Esneklik

Bir tasarımın tüm bir yanını esnetmek bir güçlü bir utilitedir, ancak bazı yanlar bireysel öğe esnetimi için daha uygun. Bu yanların bazı öğeleri listenin orta boyutunu korurken diğer öğeler belirli değişkenleri doldurmak için esnetilir. Bir pratik kullanım, bir

Example of UIFlexItem applied to a specific GuiObject under control of a UIListLayout.

Bir özellik listesini esnek olarak ayarlamak için, esnek öğenin çocuğı olarak bir UIFlexItem ı girin, sonra onun Class.UIFlexItem.

Example hierarchy of a UIFlexItem parented to a GuiObject under control of a UIListLayout.