UIListLayout

Tampilkan yang Tidak Digunakan Lagi

*Konten ini diterjemahkan menggunakan AI (Beta) dan mungkin mengandung kesalahan. Untuk melihat halaman ini dalam bahasa Inggris, klik di sini.

A UIListLayout posisi saudara UI elemen dalam baris atau kolom dalam wadah UI orang tua, berdas

UIListLayouts illustrating FillDirection of either horizontal
or vertical.

Untuk mengontrol urutan tata letak saudara/saudari, tetapkan SortOrder ke <

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

Menghadirkan antara saudara adalah dikendalikan melalui properti Padding dengan benar, dan wrapping dalam batas wali container melalui Wraps boolean. Alignment saudara dalam

Catat bahwa ada implikasi kinerja menggunakan daftar layout list yang fleksibel, karena perhitungan ekstra diperlukan untuk menghitung ukuran dasar fleksibel, ukuran fleksed, dan wrapping garis. Flex diaktifkan di UIListLayout ketika propperti berikut diatur, atau jika saudara kandung

Rangkuman

Properti

Properti diwarisi dari UIGridStyleLayout

Properti

HorizontalFlex

Baca Paralel

Ketika list layout's FillDirection di set ke Enum.FillDirection.Horizontal , property HorizontalFlex menentukan cara mendistribusikan ruang ekstra horizontal di wadah utama.


<tbody>
<tr>
<td><code>Enum.UIFlexRotation.None|Tidak ada</code></td>
<td>Tidak ada perilaku fleksibel; saudara dan saudari menjaga lebar yang telah ditentukan mereka.</td>
</tr>
<tr>
<td><code>Enum.UIFlexRotation.Fill|Fill</code></td>
<td>Saudara dan saudari mengubah ukuran secara horisontal untuk mengisi seluruh wadah orang tua, menggeser lebar mereka yang telah ditentukan. Jumlah saudara dan saudari dalam satu baris tetap tidak berubah; misalnya, jika tiga saudara dan saudari mencocokkan lebar dalam satu pengaturan <code>Enum.UIFlexAlignment.None|None</code>, mereka akan menggeser untuk mengisi lebar.</td>
</tr>
<tr>
<td><code>enum.UIFlexRotation.SpaceAround|SpaceAround</code></td>
<td>Saudara dan saudari menjaga lebar yang ditentukan mereka. Penyetelan ulang spasi sama di kedua sisi setiap saudara dan saudari.</td>
</tr>
<tr>
<td><code>enum.UIFlexRotation.SpaceBetween|SpaceBetween</code></td>
<td>Saudara-saudara mempertahankan lebar yang ditentukan mereka. Penggunaan ruang yang sama ditambahkan <b>di antara</b> saudara-saudara, tetapi tidak ada ruang tambahan ditambahkan <b>di sekitar</b> saudara-saudara.</td>
</tr>
<tr>
<td><code>enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
<td>Saudara-saudara menjaga lebar yang ditentukan mereka. Penyetelan spasi yang sama ditambahkan di antara <b>antara</b> dan <b>lingkaran</b> saudara-saudara.</td>
</tr>
</tbody>
MengaturPerilaku Saudara
UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.
Perilaku Salib

Dalam daftar list vertikal list layouts ( FillDirection set to Enum.FillDirection.Vertical )), the 1> HorizontalF

Diagram showing how HorizontalFlex affects the horizontal size of sibling UI objects when the UIListLayout fill direction is set to vertical.
Interaksi Ukuran Otomatis

Jika GuiObject.AutomaticSize diaktifkan untuk anak dari UIListLayout di FillDirection, itu dianggap sebagai "basis fleksibel otomatis" dan mendefinisikan ukuran 1> Class.GuiObject1> dari mana itu dapat tumbuh atau menr

Jika GuiObject.AutomaticSize diaktifkan untuk anak dari UIListLayout dalam arah skala horizontal , itu dianggap sebagai "ukuran skala otomatis" dan mendefinisikan ukuran minimum yang dibutuhkan untuk menampilkan semua konten anak dalam arah skala horizontal.

ItemLineAlignment

Baca Paralel

Dalam layout fleksibel, mendefinisikan alineasi kearah-arah saudara dalam satu garis. Lihat Enum.ItemLineAlignment untuk contoh visual.


<tbody>
<tr>
<td><code>enum.ItemLineAlignment.Automatic|Automatic</code></td>
<td>Menyiapkan saudara-saudara desain atau orang tua <code>Class.UIFlexItem</code> ke desain's <code>Class.UIListLayout.HorizontalAlignment|HorizontalRotation</code> atau <code>Class.UIListLayout.VerticalAlignment|VerticalRotation</code>, tergantung pada 1> Class.UIListLayout.FillDirection|FillDirection1> .</td>
</tr>
<tr>
<td><code>Enum.ItemLineAlignment.Start|Start</code></td>
<td>Menyimpan saudara-saudara tata letak atau orang tua <code>Class.UIFlexItem</code> ke tengah garis dalam fill horisontal atau kiri garis dalam fill vertikal.</td>
</tr>
<tr>
<td><code>enum.ItemLineAlignment.Center|Center</code></td>
<td>Menyimpan saudara atau saudari tata letak ke pusat <code>Class.UIFlexItem</code> di salah satu isi horisontal atau vertikal.</td>
</tr>
<tr>
<td><code>enum.ItemLineAlignment.End|End</code></td>
<td>Menyiapkan saudara-saudara tata letak atau orang tua <code>Class.UIFlexItem</code> ke bagian bawah garis dalam fill horisontal atau bagian kanan <b>Class.UIFlexItem</b> dalam fill vertikal.</td>
</tr>
<tr>
<td><code>enum.ItemLineAlignment.Stretch|Stretch</code></td>
<td>Menyebarkan saudara kelas atau orang tua <code>Class.UIFlexItem</code> tertentu untuk mengisi seluruh arah lintas dari garis dalam fill horisontal atau vertikal.</td>
</tr>
</tbody>
MengaturPerilaku Saudara
Examples of options for ItemLineAlignment in a horizontal fill direction.

Padding

Baca Paralel

Mengukur jumlah ruang bebas di antara setiap elemen, tetapkan ke skala (persentase ukuran orang tua dalam arah saat ini) atauOffset (值静电空间相似值).

Baca Paralel

Ketika list layout's FillDirection di set ke Enum.FillDirection.Vertical , property VerticalFlex menentukan cara mendistribusikan ruang vertikal ekstra di wadah utama.


<tbody>
<tr>
<td><code>Enum.UIFlexRotation.None|Tidak ada</code></td>
<td>Tidak ada perilaku fleksibel; saudara dan saudari menjaga tinggi mereka yang telah ditentukan.</td>
</tr>
<tr>
<td><code>Enum.UIFlexRotation.Fill|Fill</code></td>
<td>Saudara dan saudari mengubah ukuran vertikal untuk mengisi seluruh wadah orang tua, mengabaikan tinggi yang telah ditentukan. Jumlah saudara dan saudari dalam kolom tetap tidak berubah; misalnya, jika tiga saudara dan saudari cocok secara vertikal dalam ketinggian <code>ENSEMBLE.UIFLEXIALignment.ONE|TIDAK</code> pengaturan, mereka akan mengubah untuk mengisi ketinggian.</td>
</tr>
<tr>
<td><code>enum.UIFlexRotation.SpaceAround|SpaceAround</code></td>
<td>Saudara dan saudari menjaga ketinggian yang di definisikan mereka. Jarak yang sama ditambahkan di kedua sisi setiap saudara dan saudari.</td>
</tr>
<tr>
<td><code>enum.UIFlexRotation.SpaceBetween|SpaceBetween</code></td>
<td>Saudara-saudara mempertahankan tinggi yang telah ditentukan mereka. Jarak yang sama ditambahkan <b>di antara</b> saudara-saudara, tetapi tidak ada ruang tambahan ditambahkan <b>di sekitar</b> saudara-saudara.</td>
</tr>
<tr>
<td><code>enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
<td>Saudara/i mantan tetap tinggi mereka. Jarak yang sama ditambahkan antara saudara/i yang <b>di antara</b> dan saudara/i yang <b>di sekitar</b>.</td>
</tr>
</tbody>
MengaturPerilaku Saudara
UIListLayout examples showing how each VerticalFlex option affects the size and spacing of sibling UI objects.
Perilaku Salib

Dalam horizontal daftar list l布局 ( FillDirection tetap pada Enum.FillDirection.Horizontal ) , pengaturan 1> VerticalF

Diagram showing how VerticalFlex affects the vertical size of sibling UI objects when the UIListLayout fill direction is set to horizontal.
Interaksi Ukuran Otomatis

Jika GuiObject.AutomaticSize diaktifkan untuk anak dari UIListLayout di FillDirection, itu dianggap sebagai "basis fleksibel otomatis" dan mendefinisikan ukuran 1> Class.GuiObject1> dari mana itu dapat tumbuh atau menr

Jika GuiObject.AutomaticSize diaktifkan untuk anak dari UIListLayout dalam arah skala horizontal , itu dianggap sebagai "ukuran skala otomatis" dan mendefinisikan ukuran minimum yang dibutuhkan untuk menampilkan semua konten anak dalam arah skala horizontal.

Wraps

Baca Paralel

Mengontrol apakah saudara/saudari dalam wadah orang tua menggulung ke baris lain ketika ukuran default mereka melebihi lebar/tinggi batas wadah.

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

Metode

Acara