Layout grupları
- Oyun Geliştirme kursu
- Orta seviye
- Ders 35/83
- 4 dk
Horizontal, Vertical ve Grid Layout Group'u öğrenirsin.
Layout Grupları (Layout Groups)
Birden çok UI ögesini (örneğin menü butonları veya envanter yuvaları) tek tek elle hizalamak yerine otomatik olarak dizmek için Layout Group bileşenleri kullanılır.
// Dikey dizilim grubu oluşturma ve boşluk verme
using UnityEngine.UI;
VerticalLayoutGroup layout = GetComponent<VerticalLayoutGroup>();
layout.spacing = 10f;Bir öge eklendiğinde veya silindiğinde diğer ögelerin konumları otomatik olarak yeniden hesaplanır.
Horizontal, Vertical ve Grid Layout
HorizontalLayoutGroup ögeleri yatayda yan yana, VerticalLayoutGroup dikeyde alt alta, GridLayoutGroup ise ızgara şeklinde dizer. spacing ögeler arasındaki piksel boşluğunu kontrol eder.
// Grid kutu boyutunu 64x64 piksel yapma
GridLayoutGroup grid = GetComponent<GridLayoutGroup>();
grid.cellSize = new Vector2(64f, 64f);Bu düzenleyiciler dinamik açılan envanterler ve duyarlı menüler oluşturmayı son derece kolaylaştırır.
Uygulama Düzenleyici türü ve aralık bilgisini yazdır
layoutType değişkenine "VerticalLayoutGroup", spacing değişkenine 10 ata. Ekrana Layout: VerticalLayoutGroup | Spacing: 10 yazdır.
Başlangıç kodu
using System;
class Program
{
static void Main()
{
// layoutType ve spacing değerlerini tanımlayıp yazdır
}
}Örnek çözüm
using System;
class Program
{
static void Main()
{
string layoutType = "VerticalLayoutGroup";
int spacing = 10;
Console.WriteLine("Layout: " + layoutType + " | Spacing: " + spacing);
}
}Beklenen çıktı
Layout: VerticalLayoutGroup | Spacing: 10
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Envanter yuvaları gibi ögeleri satır ve sütunlar halinde ızgara düzeninde sıralamak için hangi bileşen kullanılır?
- ParticleSystemRenderer
- HorizontalLayoutGroup
- GridLayoutGroup Doğru cevap
- AudioMixerGroup
Açıklama: GridLayoutGroup, çocuk ögeleri satır ve sütunlardan oluşan bir matris ızgarası şeklinde dizer.
2 Dikey dizilim grubu ekle
VerticalLayoutGroup vLayout = gameObject.AddComponent<____>();VerticalLayoutGroup vLayout = gameObject.AddComponent<VerticalLayoutGroup>();Açıklama: UI ögelerini dikey olarak alt alta dizmek için VerticalLayoutGroup bileşeni eklenir.
3 Dizilim düzenleyicileri
| Kavram | Anlamı |
|---|---|
HorizontalLayoutGroup |
Ögeleri yatay hat boyunca yan yana dizer |
VerticalLayoutGroup |
Ögeleri dikey hat boyunca alt alta dizer |
GridLayoutGroup |
Ögeleri satır-sütun ızgarasında düzenler |
spacing |
Dizilen ögeler arası piksel boşluk |