Izgara ve tablo düzenleri

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

UIListLayout ile karşılaştırıldığında, UIGridLayout ve UITableLayout daha yapılandırılmış ve organize düzenler sağlar.Bunlar, her bir öğenin eşit boyutlu karelerde veya ilgili satırlara/kolonlara sıralanabileceği bir mağaza envanteri gibi arayüzler için en uygunudur.

UIGridLayout
UITableLayout

Izgara düzeni

UIGridLayout konumları aynı boyuttaki eşit hücrelerden oluşan bir ızgara içinde ebeveyn kutunun içinde aynı boyuttaki kardeş GuiObjects pozisyonları.Hücreler, düzenin FillDirection bir sonraki hücreye sığmayana kadar satır veya sütun bazında eklenir ve ardından yeni bir satır veya sütun başlar.Daha fazla kontrol için, satır veya sütun başına maksimum hücre sayısını belirlemek için FillDirectionMaxCells özelliğini kullanabilirsiniz.

Varsayılan olarak, pozisyonlar kardeş düşük değerler daha yüksek değerlerden önce gider ve eşit değerler sırasına göre sıralanır, bunları eklediğiniz sıraya bağlı olarak.Düzenin SortOrder 'sini Enum.SortOrder.Name 'ye değiştirirseniz, kardeşler alfabetik sırayla sıralanır.

Tablo düzeni

UITableLayout kardeş pozisyonları GuiObjects ve çocukları masa biçimine dönüştür.Varsayılan Class.UITableLayout.FillDirection|FillDirection``Enum.FillDirection|Vertical , kardeşlerin sıralara ilk yerleştirildiğini ve bu kardeşlerin çocuklarının sütunlar oluşturmak için yatay olarak konumlandırıldığını, böylece her bir sütunun aynı yüksekliğe ve her bir sütunun aynı genişliğe sahip olduğunu ifade eder.

Bu model standart HTML sıra/kolon yapısını taklit eder:

<table>

	<tbody>

		<tr>

		<!-- Row1 -->

			<td>Label 1</td> <!-- TextLabel1 -->

			<td>Label 2</td> <!-- TextLabel2 -->

			<td>Label 3</td> <!-- TextLabel3 -->

		</tr>

		<tr>

		<!-- Row2 -->

			<td>Label 4</td> <!-- TextLabel4 -->

			<td>Label 5</td> <!-- TextLabel5 -->

			<td>Label 6</td> <!-- TextLabel6 -->

		</tr>

		<tr>

		<!-- Row3 -->

			<td>Label 7</td> <!-- TextLabel7 -->

			<td>Label 8</td> <!-- TextLabel8 -->

			<td>Label 9</td> <!-- TextLabel9 -->

		</tr>

	</tbody>

</table>

Düzenin veya özelliklerini etkinleştirmediğiniz sürece, kardeşin boyutu hücrelerin boyutunu belirler.Örneğin, büyüklükte bir 25% genişlik ve %10 yükseklik içinde ebeveyn içinde bir tablo hücresi oluşturacaktır.