UIListLayout memposisikan objek saudara GuiObjects menjadi baris horizontal atau kolom vertikal dalam kontainer induknya. Setiap kali Anda menambahkan atau menghapus objek saudara, tata letak akan menyesuaikan secara otomatis.
Setelah Anda menyisipkan UIListLayout, itu akan menggantikan atau mempengaruhi Position, Rotation, dan/atau Size dari semua objek UI saudara, jadi perubahan pada properti tersebut dalam jendela Properties atau dalam skrip tidak akan memiliki efek normal.
Arah pengisian
Properti FillDirection menentukan arah di mana saudara-saudara dalam tata letak daftar akan dirender.
Urutan ditentukan oleh properti SortOrder, yang bisa berupa urutan numerik naik, berdasarkan nilai integer LayoutOrder masing-masing item, atau alfanumerik berdasarkan Nama item.
Untuk membalikkan elemen, seperti urutan kanan-ke-kiri dalam daftar horizontal, Anda perlu membalikkan pengurutan. Misalnya, jika empat item diurutkan dengan LayoutOrder 0, 1, 2, 3 secara berurutan, negasikan setiap nilai untuk membentuk urutan 0, -1, -2, -3.
Penyelarasan
Properti HorizontalAlignment dan VerticalAlignment menentukan penyelarasan X dan Y dari saudara-saudara daftar tersebut dalam hubungannya satu sama lain dan batas keseluruhan daftar dalam kontainernya. Misalnya, daftar yang diisi secara horizontal dengan VerticalAlignment dari Center menyelaraskan saudara-saudara daftar dengan pusat satu sama lain dan memusatkan daftar secara vertikal dalam kontainernya.
HorizontalAlignment dan VerticalAlignment sedikit berbeda dari penyelarasan garis item dalam tata letak fleksibel, di mana Anda dapat menyelaraskan item dalam garis yang sama tanpa menerapkan penyelarasan yang sama pada batas keseluruhan daftar dalam kontainernya.
Pembungkus
Boolean Wraps mengontrol apakah saudara-saudara dalam kontainer induk membungkus ke baris lain ketika ukuran default mereka melebihi lebar/tinggi batas kontainer.
Penyisipan
Properti Padding menentukan jumlah ruang kosong antara setiap item daftar, diatur menjadi skala (persentase dari ukuran kontainer dalam arah saat ini) atau offset (nilai spacing statis yang mirip dengan ukuran piksel).
Properti ini tidak menerapkan padding di sekitar batas keseluruhan daftar; lihat UIPadding untuk menerapkan padding atas, bawah, kiri, dan/atau kanan ke konten induk.
Tata letak fleksibel
Mengintegrasikan fleks ke dalam UIListLayout adalah cara yang efektif untuk mengisi/ mendistribusi item daftar secara merata atau menyelaraskan/merentangkan item daftar di seluruh garis mereka, atau item fleksibel spesifik di seluruh ruang variabel.
Meskipun fleks adalah alat yang kuat, Anda tidak boleh menerapkannya pada UIListLayout tanpa tujuan, karena menambah sedikit biaya kinerja dibandingkan non-fleks, terutama saat mengubah ukuran tata letak atau menambahkan/menghapus item fleks secara dinamis.
Selain itu, tata letak grid mungkin lebih disukai ketika item harus secara ketat selaras dengan grid di kedua arah X dan Y, karena tata letak grid menegakkan ukuran sel yang konsisten sementara tata letak fleks dapat menggunakan jumlah item yang variabel per garis.
Pengisian atau distribusi yang setara
Ketika arah pengisian tata letak daftar diatur ke Horizontal, properti HorizontalFlex menentukan cara mendistribusikan ruang horizontal ekstra dalam kontainer induk. Demikian juga, ketika arah pengisian diatur ke Vertical, properti VerticalFlex menentukan cara mendistribusikan ruang vertikal ekstra.
Salah satu penggunaan praktis dari HorizontalFlex adalah antarmuka jendela tab di mana fleks mengisi bilah tab secara merata, tanpa memandang jumlah tab. Tidak ada pendekatan yang lebih mudah daripada fleks dalam kasus ini, karena secara otomatis menghitung lebar setiap tab tanpa pengaturan lebar yang ditentukan oleh pengembang, dan secara otomatis menyesuaikan jika jumlah tab berubah.
Penyelarasan garis item
Properti ItemLineAlignment mendefinisikan penyelarasan lintas arah saudara-saudara dalam sebuah garis, memungkinkan Anda untuk menyelaraskan objek dengan lebar/tinggi yang berbeda atau membuat objek dengan lebar/tinggi yang lebih kecil mengisi seluruh garis mereka.
Salah satu kasus penggunaan praktis untuk ItemLineAlignment adalah untuk merentangkan serangkaian ubin dengan ukuran yang tidak konsisten untuk mengisi seluruh baris mereka (Stretch), membuat tata letak menjadi lebih kohesif.
Fleksibilitas item individu
Meskipun melenturkan seluruh tata letak adalah utilitas yang kuat, beberapa tata letak lebih cocok untuk fleksibilitas item individu. Dalam tata letak semacam itu, beberapa elemen dalam daftar mempertahankan ukuran inti mereka sementara item lain melentur untuk mengisi ruang variabel. Salah satu penggunaan praktis adalah widget bilah penggeser dengan label seragam di kedua ujung dan bilah penggeser fleksibel yang mengisi seluruh lebar di antaranya.
Untuk mengatur satu item daftar tertentu sebagai fleksibel, sisipkan UIFlexItem sebagai anak dari item fleksibel, kemudian atur propertinya FlexMode ke Fill, Grow, Shrink, atau Custom.
