Ebeveyn kutunun içindeki UIListLayout pozisyonlar kardeş GuiObjects yatay sütunlara veya dikey sütunlara eşzamanlanır.Kardeş bir nesneyi her eklediğinizde veya kaldırdığınızda, düzen buna göre ayarlanır.
Bir UIListLayout , Position , Rotation ve/veya tüm kardeş UI nesnelerinin Size özelliklerini geçersiz kılır veya etkiler, bu nedenle Özellikler penceresinde veya bir senaryoda yapılan değişiklikler normal etkiye sahip olmayacaktır.
Yönü doldur
The FillDirection özelliği, liste düzeninin kardeşlerinin görüntüleneceği yönü belirler.
Sipariş, düzenin özelliğine bağlıdır, ki bu her bir öğenin artan sayısal değeri üzerine dayanır veya alfabetik , öğenin değerine dayanarak.
Dikey listede sağdan sola sıralama gibi elemanları tersine çevirmek için, sıralamayı tersine çevirmeniz gerekir.Örneğin, dört öğe LayoutOrder tarafından 0 , 1 , 2 , 3 , 0 , -1 , -2 , -3 olarak sipariş edilirse, her bir değeri reddedin, böylece bir sipariş oluşturulur , , , .
Uyumluluk
The HorizontalAlignment ve VerticalAlignment özellikleri, liste kardeşlerinin birbirine ve kapsayıcısının genel sınırlarına ilişkin olarak karşılıklı X ve Y uyumunu belirler.Örneğin, yatay olarak doldurulmuş bir listeden VerticalAlignment ile Center merkezi, liste kardeşlerini birbirine yerleştirir ve listeyi yatay olarak konteynır.
HorizontalAlignment ve VerticalAlignment bir esnek sayfa düzeni ile biraz farklılık gösterir öğe satır hizalanmasına ve öğeleri aynı satırda aynı hizalamayı uygulamadan liste sınırlarının konteynerinde konumlandırabilirsiniz.
Paketleme
Ebeveyn kapsülünün içindeki kardeşlerin varsayılan boyutu, konteynerın genişliğini/yüksekliğini aştığında başka bir satıra sarılıp sarılmadığını Wraps mantık kontrolleri belirler.
Yastıklama
The özelliği, her bir liste öğesinin arasındaki boş alan miktarını belirler çünkü bir ölçek (konteynerin mevcut yönündeki piksel boyutuna benzer statik boşluk değeri) veya bir ofset (statik boşluk değeri piksel boyutuna benzer) ayarlanır.
Bu özellik, liste genel sınırlarına yastık uygulamaz çevresinde liste içeriğine üst, alt, sol ve/veya sağ yastık uygulanmasını uygulayın; bakın UIPadding ebeveyn içeriğine üst, alt, sol ve/veya sağ yastık uygulanmasını uygulamak için.
Esnek düzenler
flex 'i bir 'ye entegre etmek, çizgeleri boyunca eşit olarak doldurmayı veya çizgileri boyunca eşit olarak yerleştirmeyi veya değişken bir alanda esnek öğeleri yerleştirmeyi güçlü bir şekilde yapar. veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirme veya çizgileri boyunca esnek öğeleri yerleştirmek veya çizgileri yerleştirme veya çizgileri yerleştirmek veya çizgileri yerleştirmek veya çizgileri yerleştirmek veya çizgileri yerleştirmek veya çizgileri yerleştirmek veya çizgileri veya çizgileri yerleştirmek veya veya çizgileri veya çizgileri veya veya veya çizgileri veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya veya ve
Flex güçlü bir araç olsa da, amaçsız bir şekilde UIListLayout birine uygulamamalısınız, özellikle düzeni yeniden boyutlandırırken veya esnek öğeleri dinamik olarak eklerken veya kaldırırken, non-flex'ten hafif bir performans maliyeti eklediği için.
Ayrıca, eşyaların hem X hem de Y yönünde bir ızgaraya sıkıca yerleşmesi gerektiğinde, ızgaralar ızgara boyutunu tutarlı bir şekilde uygularken, esnek ızgaralar ise her satırda değişken sayıda öğe kullanabilir.
Eşit doldurma veya dağıtma
Liste düzeninin doldurma yönü 'e ayarlandığında, özelliği ana konteynerde ekstra yatay alanın nasıl dağıtılacağını belirtir.Benzer şekilde, doldurma yönü Vertical olarak ayarlanırken, VerticalFlex özelliği ekstra dikey alanı nasıl dağıtacağını belirtir.
Bir pratik kullanım HorizontalFlex , pencere çubuğunu eşit olarak dolduran bir sekme penceresi arayüzüdür, tab sayısına bakılmaksızın.Bu durumda esneklikten daha kolay bir yaklaşım yoktur, çünkü her sekme için geliştirici tarafından tanımlanmayan genişliği otomatik olarak hesaplar ve sayı değiştiğinde otomatik olarak ayarlar.
Eşya satırı yerleştirme
The ItemLineAlignment özelliği, bir satır içinde kardeşlerin yönlü hizalanmasını tanımlar, böylece farklı genişlik/yükseklikteki nesneleri hizalayabilir veya daha az genişlik/yükseklikteki nesneler tüm satırı doldurabilir.
için bir pratik kullanım durumu, tüm satırı doldurmak için bir dizi tutarsız boyutlu kareyi uzatmak ve düzeni daha kaynaştırmaktır.
Flex bireysel öğeleri
Tüm bir düzeni esnetmek güçlü bir yazılım olsa da, bazı düzenler bireysel öğe esnetimine daha uygundur individual item flexing .Bu düzenlerde, listede yer alan bazı öğeler çekirdek boyutlarını korurken, diğer öğeler değişken alanları doldurmak için esnek hale gelir.Pratik bir kullanım, her iki uçta da eşit etiketlerle ve aralarındaki tüm genişliği dolduran esnek bir kaydırma çubuğudur.
Bir özel liste öğesini esnek olarak ayarlamak için, esnek öğenin bir çocu olarak bir UIFlexItem ekleyin, ardından özellik FlexMode özelliğini Fill , Grow , Shrink veya Custom olarak ayarlayın.
