Layout grupları

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.

Örnek çözümü göster

using System;

class Program
{
    static void Main()
    {
        string layoutType = "VerticalLayoutGroup";
        int spacing = 10;
        Console.WriteLine("Layout: " + layoutType + " | Spacing: " + spacing);
    }
}

Kendini test et

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
- AudioMixerGroup
Cevabı göster

GridLayoutGroup — GridLayoutGroup, çocuk ögeleri satır ve sütunlardan oluşan bir matris ızgarası şeklinde dizer.

Dikey dizilim grubu ekle

VerticalLayoutGroup vLayout = gameObject.AddComponent<____>();

Cevabı göster

VerticalLayoutGroup vLayout = gameObject.AddComponent<VerticalLayoutGroup>();

Dizilim düzenleyicileri

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

Sıradaki ders: Özet - UI Canvas

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler