UIListLayout

Artık kullanılmayanları göster

*Bu içerik, yapay zekâ (beta) kullanılarak çevrildi ve hatalar içerebilir. Sayfayı İngilizce görüntülemek için buraya tıkla.

A UIListLayout pozisyonlu küzen UI elemanlarını aralarındaki küzenlerde veya sütunlar

UIListLayouts illustrating FillDirection of either horizontal
or vertical.

Kardeşlerin yer sıralarını kontrol etmek için, SortOrder

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

Kardeşler arasındaki boşluklar Padding propertary ile kontrol edilir ve ebeveyn kutusunun sınırları içinde Wraps ile şerif edilir

Bir flex- enable liste yapısı kullanıyor olmak üzere performans etkileri vardır, çünkü ekstra hesaplar fleks temel boyutları, flekslerin boyutları ve hattı örpmesi için gereklidir. Flex, UIListLayout üzerindeki şu özellikleri ayarladığı

Özet

Özellikler

Şuradan alınan Özellikler: UIGridStyleLayout

Özellikler

HorizontalFlex

Paralel oku

Liste listesi FillDirection ile belirlenmişken, Enum.FillDirection.Horizontal içindeki ekstra yerleri nasıl dağıtacağınızı belirtir HorizontalFlex özelliği.


<tbody>
<tr>
<td><code>Enüm.UIFlexAlignment.None|None | Yok</code></td>
<td>Flex davranışı yok; kardeşler kendi belirlenmiş genişliğini korur.</td>
</tr>
<tr>
<td><code>Enüm.UIFlexAlignment.Fill|Fill</code></td>
<td>Kardeşler yan yana yeniden boyutlandırılır, genişletilmiş genişliği üstünü alır. Kızakların genişliği <code>enum.uiflexAlignment.None|Hepsi</code> ayarı altında üç kızak için genişliği doldurur.</td>
</tr>
<tr>
<td><code>Enüm.UIFlexAlignment.SpaceAround|SpaceAround</code></td>
<td>Kardeşler belirli genişliğini korur. Her bir kardeşin her iki tarafında eşit boşluk eklenir.</td>
</tr>
<tr>
<td>Enüm.UIFlexAlignment.SpaceBetween|SpaceBetween | |</td>
<td>Kardeşler kendi belirlenmiş genişliğini korur. Eşit boşluk, kardesler arasında eklenir, ancak kardeslerin etrafında ekstra alan eklenmez.</td>
</tr>
<tr>
<td><code>Enüm.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
<td>Kardeşler belirli genişliğini korur. Eşit boşluk, kardeşler arasında arasında ve çevresinde eşit olarak eklenir.</td>
</tr>
</tbody>
AyarlarKardeş Davranışı
UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.
Ters Yönlü Davranış

垂直 liste listesi listeleri (FillDirection seti) üzerinde Enum.FillDirection.Vertical özelliği, kardeşleri yatay çevirme yönünde dağıtm

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

Class.UIListLayout ın bir çocuğu için UIListLayout aktifleştirilmişse, bunu "otomatik fleks bazılama" olarak yorumlar ve büyüyebileceği FillDirection büyüyebileceği büyüyebileceği büyü

Class.UIListLayout kesişiminde bir çocuk için UIListLayout aktifleştirilmişse, kesişim boyutu olarak "otomatik kesişim boyutu" olarak yorumlanır ve tüm çocuk içeriğini kesişim boyutunda içermek için gerekli minimum boyutu tanımlar.

ItemLineAlignment

Paralel oku

Bir katılayan yerleştirmeyi içeren bir yapılandırmada, kardeşlerin bir satır içindeki Enum.ItemLineAlignment tanımlar. Ayrıca, görsel örnekler için 2>ContainerItemLineAlignment2> bakınız.


<tbody>
<tr>
<td><code>Enüm.ÖğeHizası.Otomatik|Otomatik</code></td>
<td>Yapının kardeşlerini veya özel <code>Class.UIFlexItem</code> ebeveynini yapının <code>Class.UIListLayout.HorizontalAlignment|HorizontalAlignment</code> veya <code>Class.UIListLayout.VerticalAlignment|VerticalAlignment</code> ile aynı yere yerleştirir, 1>Class.UIListLayout.FillDirection|FillDirection1> .</td>
</tr>
<tr>
<td><code>Enüm.ÖğeHizası.Yüzme | Start</code></td>
<td>Özellikleri veya Class.UIFlexItem ebeveyni, yatay bir doldurma veya yatay bir doldurma ile satırın üst kısmına yerleştirir.</td>
</tr>
<tr>
<td><code>Enüm.ÖğeHizası.Ortası|Ortası | Center</code></td>
<td>Yapının kardeşlerini veya özel <code>Class.UIFlexItem</code> ebeveynini yanlardaki <b>orta</b> ile bir yatay veya dikdik yükleyin.</td>
</tr>
<tr>
<td><code>Enüm.ÖğeHizası.Son|Son.</code></td>
<td>Özellikleri veya Class.UIFlexItem ebeveyni ile bir horizontal doldurma veya Class.UIFlexItem ebeveyni ile bir yatay doldurma için çizgiye sağ veya 2>gitti2> ekseninde.</td>
</tr>
<tr>
<td><code>Enüm.ÖğeHizası.Stretch|Stretch</code></td>
<td>Katlayanın kardeşlerini veya <code>Class.UIFlexItem</code> ebeveynini horozontal veya dik yatışlı çizgiyi doldurmak için genişletir.</td>
</tr>
</tbody>
AyarlarKardeş Davranışı
Examples of options for ItemLineAlignment in a horizontal fill direction.

Padding

Paralel oku

Her öğenin arasındaki özgür alan miktarını belirler, bir ölçeğe (ebeveynin boyutunun mevcut yönindeki yüzde) veya bir ofsete (静电位置 değerine benzer bir yerleştirme değeri).

Paralel oku

Liste listesi FillDirection ile belirlenmişken, Enum.FillDirection.Vertical özelliği, ebeveyn kutusundaki ekstra yer kapasitesini dağıtmak için VerticalFlex özelliğini belirtir.


<tbody>
<tr>
<td><code>Enüm.UIFlexAlignment.None|None | Yok</code></td>
<td>Flex davranışı yok; kardeşler belirlenmiş yüksekliğini korur.</td>
</tr>
<tr>
<td><code>Enüm.UIFlexAlignment.Fill|Fill</code></td>
<td>Kardeşler yatay olarak yeniden boyutlandırılır, onların belirlenmiş yüksekliğini aşar. Küme içindeki üç kardeşlerin sayısı değiştirilmez; örneğin, üç kardeş <code>枚UIFlexAlignment.None|None</code> yüksekliği altındaki üç kardeşi yeniden boyutlandırılır.</td>
</tr>
<tr>
<td><code>Enüm.UIFlexAlignment.SpaceAround|SpaceAround</code></td>
<td>Kardeşler belirlenen yüksekliğini korur. Her bir kardeşin her iki tarafında eşit boşluk eklenir.</td>
</tr>
<tr>
<td>Enüm.UIFlexAlignment.SpaceBetween|SpaceBetween | |</td>
<td>Kardeşler belirlenen yüksekliğini korur. Eşit boşluk eklenir <b>arasında</b> kuzenler, ancak kuzenlerin etrafında ekstra alan eklenmez <b>hâlâ</b>.</td>
</tr>
<tr>
<td><code>Enüm.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
<td>Kardeşler, belirlenmiş yüksekliğini korur. Eşit boşluk, <b>arasında</b> ve <b>çevresinde</b> kardeşler arasında eklenir.</td>
</tr>
</tbody>
AyarlarKardeş Davranışı
UIListLayout examples showing how each VerticalFlex option affects the size and spacing of sibling UI objects.
Ters Yönlü Davranış

In horizontal liste listeleri (FillDirection seti) üzerinde, Enum.FillDirection.Horizontal ile çevirimi eşleştirme ar

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

Class.UIListLayout ın bir çocuğu için UIListLayout aktifleştirilmişse, bunu "otomatik fleks bazılama" olarak yorumlar ve büyüyebileceği FillDirection büyüyebileceği büyüyebileceği büyü

Class.UIListLayout kesişiminde bir çocuk için UIListLayout aktifleştirilmişse, kesişim boyutu olarak "otomatik kesişim boyutu" olarak yorumlanır ve tüm çocuk içeriğini kesişim boyutunda içermek için gerekli minimum boyutu tanımlar.

Wraps

Paralel oku

Ebeveyn kutunun boyutlarının genişliği/yüksekliği aştığında kardeşlerinin yanındaki diğer satırların yanında olup olmadığını kontrol eder.

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

Yöntemler

Etkinlikler