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.

Sebuah UIListLayout posisi saudara UI dalam baris atau kolom dalam wadah UI orangtua, berdasarkan FillDirection.Properti dan dari setiap saudara kembar diabaikan atau digantikan oleh tata letak daftar, sementara setiap saudara kembar mempertahankan definisinya kecuali tata letak dikonfigurasi untuk menggunakan tata letak fleksibel.Lihat Daftar dan Tata Letak Fleksibel untuk informasi lebih lanjut.

UIListLayouts illustrating FillDirection of either horizontal or vertical.

Untuk mengontrol urutan penempatan saudara, atur SortOrder ke Enum.SortOrder.Name atau Enum.SortOrder.LayoutOrder , lalu ganti nama saudara dalam urutan alfabetik atau atur nilai LayoutOrder mereka, masing-masing. UIListLayout akan secara otomatis mengubah ulang elemen saat elemen ditambahkan/dikeluarkan, atau jika perubahan saudara Name atau LayoutOrder mengubah.

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

Pengisi di antara saudara diperiksa melalui properti Padding , dan bungkus di dalam batas wadah orangtua melalui Wraps boolean.Keselarasan saudara dalam wadah orangtua dikontrol melalui HorizontalAlignment dan VerticalAlignment kecuali layout dikonfigurasi untuk menggunakan layout fleksibel .

Perhatikan bahwa ada implikasi kinerja dari penggunaan tata letak daftar fleksibel yang diaktifkan, karena diperlukan perhitungan ekstra untuk menghitung ukuran dasar fleksibilitas, ukuran fleksibel, dan bungkusan baris.Flex diaktifkan pada ketika properti berikut atur, atau jika ada saudara yang memiliki orangtua kepadanya:

Rangkuman

Properti

Properti diwarisi dari UIGridStyleLayout
Lihat semua yang diwarisi dari Instance
Lihat semua yang diwarisi dari Object

Properti

HorizontalFlex

Enum.UIFlexAlignment
Baca Paralel

Ketika tata letak daftar FillDirection diatur ke Enum.FillDirection.Horizontal , properti HorizontalFlex menentukan cara mendistribusikan ruang horizontal ekstra di kontainer orangtua.

<th>Perilaku Saudara</th>

  </tr>

</thead>



<tbody>

  <tr>

    <td><code>Enum.UIFlexAlignment.None|Tidak ada</code></td>



    <td>Tidak ada perilaku fleksi; saudara laki-laki mempertahankan lebar yang ditentukan.</td>

  </tr>



  <tr>

    <td><code>Enum.UIFlexAlignment.Fill|Fill</code></td>



    <td>Kakak beradik mengubah ukuran secara horizontal untuk mengisi seluruh kontainer orangtua, menggantikan lebar yang ditentukan.Jumlah saudara dalam satu baris tetap tidak berubah; misalnya, jika tiga saudara cocok secara horizontal dalam lebar wadah di bawah pengaturan <code>Enum.UIFlexAlignment.None|None</code>, tiga saudara tersebut akan diubah ukurannya untuk mengisi seluruh lebar.</td>

  </tr>



  <tr>

    <td><code>Enum.UIFlexAlignment.SpaceAround|SpaceAround</code></td>



    <td>Kakak beradik mempertahankan lebar yang ditentukan. Jarak sama di tambahkan di kedua sisi setiap kakak beradik.</td>

  </tr>



  <tr>

    <td><code>Enum.UIFlexAlignment.SpaceBetween|SpaceBetween</code></td>



    <td>Kakak beradik mempertahankan lebar yang ditentukan.Jarak sama di tambahkan <b>di antara</b> saudara, tetapi tidak ada ruang tambahan yang ditambahkan <b>di sekitar</b> saudara.</td>

  </tr>



  <tr>

    <td><code>Enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>



    <td>Saudara laki-laki mempertahankan lebar yang didefinisikan. Jarak sama di tambahkan antara dan saudara laki-laki.</td>

  </tr>

</tbody>
Pengaturan
UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.
Perilaku Salah Arah

Dalam vertikal daftar tata letak ( FillDirection diatur ke Enum.FillDirection.Vertical ), properti HorizontalFlex menentukan cara mendistribusikan saudara di seluruh arah horizontal .Dalam tata letak seperti itu, pengaturan Enum.UIFlexAlignment.Fill membuat saudara-saudara mengisi seluruh ruang horizontal sementara jarak vertikal mematuhi VerticalFlex.

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 ditafsirkan sebagai "basis fleks otomatis" dan itu mendefinisikan ukuran GuiObject dari mana ia dapat tumbuh atau berkurang.

Jika GuiObject.AutomaticSize diaktifkan untuk anak dari UIListLayout di silang arah , itu diinterpretasikan sebagai "ukuran silang otomatis" dan itu mendefinisikan ukuran minimum yang diperlukan untuk menampung semua konten anak di silang arah.

ItemLineAlignment

Enum.ItemLineAlignment
Baca Paralel

Dalam sebuah tata letak fleksibel , mendefinisikan alineasi silang-arah antara saudara dalam satu baris. Lihat Enum.ItemLineAlignment untuk contoh visual.

<th>Perilaku Saudara</th>

  </tr>

</thead>



<tbody>

  <tr>

    <td><code>Enum.ItemLineAlignment.Automatic|Otomatis</code></td>



    <td>Menyelaraskan saudara-saudara desain atau kelas khusus <code>Class.UIFlexItem</code> orang tua ke desain <code>Class.UIListLayout.HorizontalAlignment|HorizontalAlignment</code> atau <code>Class.UIListLayout.VerticalAlignment|VerticalAlignment</code> , tergantung pada arah <code>Class.UIListLayout.FillDirection|FillDirection</code> .</td>

  </tr>



  <tr>

    <td><code>Enum.ItemLineAlignment.Start|Mulai</code></td>



    <td>Menyelaraskan saudara-saudara desain atau kelas khusus <code>Class.UIFlexItem</code> orang tua ke baris <b>atas</b> dalam isi horizontal atau kelas <b>kiri</b> dalam isi vertikal.</td>

  </tr>



  <tr>

    <td><code>Enum.ItemLineAlignment.Center|Center</code></td>



    <td>Menyelaraskan saudara perempuan atau kelas khusus <code>Class.UIFlexItem</code> orang tua ke garis <b>tengah</b> dalam isi horizontal atau vertical.</td>

  </tr>



  <tr>

    <td><code>Enum.ItemLineAlignment.End|End</code></td>



    <td>Menyelaraskan saudara-saudara desain atau kelas khusus <code>Class.UIFlexItem</code> orang tua ke baris <b>bawah</b> dalam isian horizontal atau kelas <b>kanan</b> dalam isian vertikal.</td>

  </tr>



  <tr>

    <td><code>Enum.ItemLineAlignment.Stretch|Stretch</code></td>



    <td>Meregangkan saudara perempuan atau kelas khusus <code>Class.UIFlexItem</code> orangtua untuk mengisi seluruh arah garis dalam isi horizontal atau vertikal.</td>

  </tr>

</tbody>
Pengaturan
Examples of options for ItemLineAlignment in a horizontal fill direction.

Padding

UDim
Baca Paralel

Menentukan jumlah ruang gratis di antara setiap elemen, diatur ke skala (persentase ukuran orang tua dalam arah saat ini) atau offset (nilai spasi statis yang mirip dengan ukuran piksel).

VerticalFlex

Enum.UIFlexAlignment
Baca Paralel

Ketika tata letak daftar FillDirection diatur ke Enum.FillDirection.Vertical , properti VerticalFlex menentukan cara mendistribusikan ruang vertikal ekstra di kontainer orangtua.

<th>Perilaku Saudara</th>

  </tr>

</thead>



<tbody>

  <tr>

    <td><code>Enum.UIFlexAlignment.None|Tidak ada</code></td>



    <td>Tidak ada perilaku fleksi; saudara laki-laki mempertahankan ketinggian yang ditentukan.</td>

  </tr>



  <tr>

    <td><code>Enum.UIFlexAlignment.Fill|Fill</code></td>



    <td>Kakak beradik mengubah ukuran secara vertikal untuk mengisi seluruh kontainer orangtua, menggantikan ketinggian yang ditentukan.Jumlah saudara dalam kolom tetap tidak berubah; misalnya, jika tiga saudara cocok secara vertikal dalam ketinggian wadah di bawah pengaturan <code>Enum.UIFlexAlignment.None|None</code>, tiga saudara tersebut akan diubah ukurannya untuk mengisi seluruh tinggi.</td>

  </tr>



  <tr>

    <td><code>Enum.UIFlexAlignment.SpaceAround|SpaceAround</code></td>



    <td>Kakak beradik mempertahankan ketinggian yang didefinisikan. Jarak sama diambil di kedua sisi setiap kakak beradik.</td>

  </tr>



  <tr>

    <td><code>Enum.UIFlexAlignment.SpaceBetween|SpaceBetween</code></td>



    <td>Kakak beradik mempertahankan tinggi yang ditentukan.Jarak sama di tambahkan <b>di antara</b> saudara, tetapi tidak ada ruang tambahan yang ditambahkan <b>di sekitar</b> saudara.</td>

  </tr>



  <tr>

    <td><code>Enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>



    <td>Kakak beradik mempertahankan ketinggian yang didefinisikan. Jarak sama di tambahkan antara dan saudara.</td>

  </tr>

</tbody>
Pengaturan
UIListLayout examples showing how each VerticalFlex option affects the size and spacing of sibling UI objects.
Perilaku Salah Arah

Dalam horizontal daftar tata letak ( FillDirection diatur ke Enum.FillDirection.Horizontal ), properti VerticalFlex menentukan cara mendistribusikan saudara di seluruh arah silang vertikal .Dalam tata letak seperti itu, pengaturan Enum.UIFlexAlignment.Fill membuat saudara-saudara mengisi seluruh ruang vertikal sementara jarak horizontal mematuhi HorizontalFlex.

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 ditafsirkan sebagai "basis fleks otomatis" dan itu mendefinisikan ukuran GuiObject dari mana ia dapat tumbuh atau berkurang.

Jika GuiObject.AutomaticSize diaktifkan untuk anak dari UIListLayout di silang arah , itu diinterpretasikan sebagai "ukuran silang otomatis" dan itu mendefinisikan ukuran minimum yang diperlukan untuk menampung semua konten anak di silang arah.

Wraps

boolean
Baca Paralel

Mengontrol apakah saudara dalam wadah orang tua mengikat 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.
Lihat semua yang diwarisi dari Instance
Lihat semua yang diwarisi dari Object

Metode

Lihat semua yang diwarisi dari Instance
Lihat semua yang diwarisi dari Object

Acara

Lihat semua yang diwarisi dari Instance
Lihat semua yang diwarisi dari Object