Posisi saudara ke dalam baris horizontal atau kolom vertikal dalam wadah orang tua mereka.Setiap kali Anda menambahkan atau menghapus objek saudara, tata letak disesuaikan sesuai.
Setelah Anda menyisipkan UIListLayout , itu akan menggantikan atau mempengaruhi Position , Rotation , dan/atau Size dari semua objek UI saudara, sehingga perubahan pada properti tersebut di jendela Properti atau dalam skrip tidak akan memiliki efek normal.
Isi arah
Properti FillDirection menentukan arah di mana saudara-saudara dari tata letak daftar akan ditampilkan.
Pemesanan ditentukan oleh properti tata letak yang dapat berupa angka meningkat , berdasarkan nilai integer setiap item , atau alfanumerik berdasarkan nilai item .
Untuk membalik elemen, seperti perintah dari kiri ke kanan dalam daftar horizontal, Anda perlu membalikkan penyortiran.Sebagai contoh, jika empat item dipesan oleh LayoutOrder dari 0 , 1 , 2 , 3 masing-masing, negatikan setiap nilai untuk membentuk pesanan dari 0 , -1 , -2 , -3 .
Penyesuaian
Properti HorizontalAlignment dan VerticalAlignment menentukan alineasi masing-masing X dan Y dari saudara-saudara daftar dalam kaitannya satu sama lain dan batas keseluruhan daftar dalam kontainer.Sebagai contoh, daftar yang diisi secara horizontal dengan VerticalAlignment dari Center menyelaraskan saudara laki-laki daftar dengan satu sama lain dan menempatkan daftar secara vertikal di dalam kontainer.
dan berbeda sedikit dari garis aline item dalam tata letak fleksibel, dengan mana anda dapat menyelaraskan item di baris yang sama tanpa menerapkan alineasi yang sama ke batas keseluruhan daftar di kontainer.
Membungkus
Kontrol boolean Wraps memutuskan apakah saudara dalam wadah orang tua beralih ke baris lain ketika ukuran default mereka melebihi lebar/tinggi batas wadah.
Pengisi Padat
Properti menentukan jumlah ruang kosong di antara setiap item daftar, ditetapkan ke skala (persentase dari ukuran wadah dalam arah saat ini) atau offset (nilai spasi 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 orang tua.
Desain fleksibel
Mengintegrasikan fleksibel ke dalam UIListLayout adalah cara yang kuat untuk sama-sama mengisi/distribusikan atau menyelaraskan/melentingkan item daftar di sepanjang baris mereka, atau item fleksibel khusus di sepanjang ruang variabel.
Sementara fleks adalah alat yang kuat, Anda tidak harus menerapkannya ke UIListLayout tanpa tujuan, karena itu menambahkan biaya kinerja sedikit di atas non-flex, terutama saat menyesuaikan tata letak atau menambahkan/menghapus item fleks secara dinamis.
Selain itu, tata letak grid mungkin lebih disukai ketika item harus sesuai dengan grid di kedua arah X dan Y, karena tata letak grid memaksakan ukuran sel yang konsisten sementara tata letak fleksibel dapat menggunakan jumlah item variabel per baris.
Isi atau distribusi sama
Ketika tata letak daftar diisi arah diatur ke Horizontal, properti HorizontalFlex menentukan cara mendistribusikan ruang horizontal ekstra di kontainer orangtua.Demikian pula, ketika arah isi diatur ke Vertical , properti VerticalFlex menentukan cara mendistribusikan ruang vertikal ekstra.
Satu penggunaan praktis dari HorizontalFlex adalah antarmuka tabbed window di mana flex mengisi bilah tab sama, terlepas dari jumlah tab.Tidak ada pendekatan yang lebih mudah daripada fleks di kasus ini, karena secara otomatis menghitung lebar setiap tab tanpa pengaturan lebar yang didefinisikan oleh pengembang, dan secara otomatis menyesuaikan jika jumlah tab berubah.
Alur baris item
Properti ItemLineAlignment mendefinisikan alineasi silang-arah antara saudara dalam satu baris, memungkinkan Anda menyelaraskan objek berukuran atau ketinggian berbeda atau membuat objek berukuran atau ketinggian lebih kecil mengisi seluruh baris mereka.
Satu kasus penggunaan praktis untuk ItemLineAlignment adalah memperpanjang serangkaian ubin berukuran tidak konsisten untuk mengisi seluruh baris mereka ( Stretch ), membuat tata letak lebih kohesif.
Fleksikan item individual
Sementara melenting seluruh tata letak adalah utilitas kuat, tata letak tertentu lebih cocok untuk fleksibilitas item individu .Dalam tata letak seperti itu, beberapa elemen dalam daftar mempertahankan ukuran inti mereka sementara item lain melenting untuk mengisi ruang variabel.Satu penggunaan praktis adalah widget bilah geser dengan label seragam pada kedua ujung dan bilah geser fleksibel yang mengisi seluruh lebar di antara.
Untuk mengatur satu item daftar spesifik sebagai fleksibel, masukkan UIFlexItem sebagai anak dari item fleksibel, lalu atur properti FlexMode nya menjadi Fill , Grow , Shrink , atau Custom .
