UIListLayout, kardeş GuiObjects nesnelerini, ebeveyn kapsayıcısı içinde yatay satırlar veya dikey sütunlar halinde konumlandırır. Bir kardeş nesne eklediğinizde veya kaldırdığınızda düzen, buna göre ayarlanır.
Bir UIListLayout eklediğinizde, bu, tüm kardeş UI nesnelerinin Position, Rotation ve/veya Size değerlerini etkiler veya bunların üzerine yazar, bu nedenle Özellikler penceresindeki veya bir betik içindeki bu özelliklere yapılacak değişiklikler normal etkisini göstermeyecektir.
Doldurma yönü
FillDirection özelliği, liste düzeninin kardeşlerinin hangi yönde görüntüleneceğini belirler.
Sıralama, düzenindeki SortOrder özelliği tarafından belirlenir; bu özellik ya her öğenin LayoutOrder tam sayı değerine dayalı olarak artan sayısal ya da öğenin Name'e dayalı olarak alfanümerik olabilir.
Öğeleri tersine çevirmek için, örneğin yatay bir listede sağdan sola sıralama yapmak istiyorsanız, sıralamayı tersine çevirmeniz gerekir. Örneğin, dört öğe LayoutOrder değerine göre 0, 1, 2, 3 olarak sıralanmışsa, her değeri tersine çevirerek 0, -1, -2, -3 sıralamasını oluşturmalısınız.
Hizalama
HorizontalAlignment ve VerticalAlignment özellikleri, listenin kardeşleri arasındaki ve listenin kapsayıcı içindeki genel sınırları ile ilişkili X ve Y hizalamasını belirler. Örneğin, VerticalAlignment değeri Center olan yatay doldurulmuş bir liste, listenin kardeşlerini birbirine ortalar ve listeyi kapsayıcıda dikey olarak merkezler.
HorizontalAlignment ve VerticalAlignment, bir esnek düzen içinde öğe satırı hizalaması ile biraz farklıdır; bu sayede aynı hizada olan öğeleri hizalayabilir, ancak liste kapsayıcısının genel sınırlarına aynı hizalamayı uygulamazsınız.
Sarma
Wraps boolean değeri, ebeveyn kapsayıcı içindeki kardeşlerin varsayılan boyutları kapsayıcının sınırlarının genişliğini/yüksekliğini aştığında başka bir satıra sarılıp sarılmayacağını kontrol eder.
Kenar Boşluğu
Padding özelliği, her liste öğesi arasındaki boş alan miktarını belirler; bu değer, kapsayıcının mevcut yönündeki boyutunun yüzdesi olarak bir ölçek veya piksel boyutuna benzer statik boşluk değeri olarak bir offset olabilir.
Bu özellik, listenin genel sınırlarının etrafında boşluk uygulamaz; ebeveynin içeriklerine üst, alt, sol ve/veya sağ boşluk uygulamak için UIPadding'e bakın.
Esnek düzenler
Bir UIListLayout'a esnek katmak, liste öğelerini hat ile eşit şekilde doldurmak/dağıtmak için güçlü bir yoldur veya esnek özel öğeler ayarlamak için değişken alanlar arasında hizalamak/germe yapar.
Esnek, güçlü bir araç olmasına rağmen, amacınız olmadan bir UIListLayout'a uygulamamalısınız, çünkü esnek olmayanlara kıyasla, özellikle düzeni yeniden boyutlandırırken veya dinamik olarak esnek öğeler eklerken hafif bir performans maliyetine yol açar.
Ayrıca, X ve Y yönlerinde öğelerin kesin bir ızgaraya göre hizalanması gerektiğinde, bir ızgara düzeni daha tercih edilebilir; çünkü ızgara düzenleri tutarlı bir hücre boyutunu zorunlu kılarken, esnek düzenler her satırda değişken sayıda öğe kullanabilir.
Eşit doldurma veya dağıtım
Liste düzeninin doldurma yönü Horizontal olarak ayarlandığında, HorizontalFlex özelliği, ebeveyn kapsayıcı içindeki ek yatay alanı nasıl dağıtacağınızı belirtir. Benzer şekilde, doldurma yönü Vertical olarak ayarlandığında, VerticalFlex özelliği, ek dikey alanın nasıl dağıtılacağını belirtir.
HorizontalFlex'in pratik bir kullanımı, esnek bir şekilde sekme çubuğunu doldurabilen bir sekme penceresi arayüzüdür; bu, sekme sayısından bağımsız olarak çubuğu eşit şekilde doldurur. Bu durumda esnek kullanmaktan daha kolay bir yaklaşım yoktur, çünkü her sekmenin genişliğini otomatik olarak hesaplar, geliştirici tarafından tanımlanmış genişlik ayarları olmadan ve sekme sayısı değiştiğinde otomatik olarak ayarlanır.
Öğe satırı hizalaması
ItemLineAlignment özelliği, kardeşlerin bir satır içindeki çapraz-yönlü hizalamasını tanımlar, bu da farklı genişlik/yüksekliklere sahip nesneleri hizalamanızı veya daha az genişlik/yükseklik olan nesnelerin tüm satırlarını doldurmasına olanak tanır.
ItemLineAlignment için pratik bir kullanım durumu, düzensiz boyutlardaki halıların tüm satırlarını doldurmasıdır (Stretch), bu da düzenin daha bütünlüklü olmasını sağlar.
Esnek özel öğeler
Bir düzenin tamamını esnek hale getirmek güçlü bir yardımcı araç olsa da, belirli düzenler özel öğe esnekliği için daha uygundur. Bu tür düzenlerde, listedeki bazı öğeler temel boyutlarını korurken, diğerleri değişken alanları doldurmak için esner. Bir pratik kullanım, her iki uçta uniform etiketler bulunan bir kaydırıcı çubuk aracıdır ve tüm genişliği kaplayan esnek bir kaydırıcı çubuğudur.
Bir liste öğesini esnek olarak ayarlamak için, esnek öğenin altına bir UIFlexItem ekleyin, ardından FlexMode özelliğini Fill, Grow, Shrink veya Custom olarak ayarlayın.
