Özet - UI Canvas

UI Canvas kullanımını bir özet görevle pekiştirirsin.

Özet: UI Canvas Sistemi

Bu grupta Unity'nin kullanıcı arayüzü mimarisini öğrendiniz. Canvas kök kapsayıcısı üzerinde TextMeshProUGUI ile keskin yazılar, Image ile görseller ve Button ile tıklanabilir etkileşimler üretilir.

// UI Canvas akış özeti:
// Canvas (Root) -> RectTransform (Anchor / Pivot) -> Image / TMP / Button -> LayoutGroup

RectTransform ve çapa (Anchor) sistemleri arayüzün her çözünürlükte kusursuz ölçeklenmesini, Layout Groups ise dinamik dizilimleri sağlar.

Uygulama Tam UI profilini yazdır

root ("Canvas"), element ("Button") ve layout ("Horizontal") değişkenlerini tanımla. Ekrana Root: Canvas | Element: Button | Layout: Horizontal yazdır.

Örnek çözümü göster

using System;

class Program
{
    static void Main()
    {
        string root = "Canvas";
        string element = "Button";
        string layout = "Horizontal";
        Console.WriteLine("Root: " + root + " | Element: " + element + " | Layout: " + layout);
    }
}

Kendini test et

Farklı ekran çözünürlüklerinde arayüzün kaymadan düzgün ölçeklenmesi ve butonların doğru köşede kalması için hangi iki öge birlikte yapılandırılır?
- Canvas Scaler ve RectTransform Anchor (Çapa) ayarları
- Rigidbody mass ve MeshCollider
- AudioListener ve Spatial Blend
- Particle System ve Sorting Layer
Cevabı göster

Canvas Scaler ve RectTransform Anchor (Çapa) ayarları — Canvas Scaler ekran çözünürlüğüne göre genel ölçekleme yaparken, RectTransform Anchor butonları ekran köşelerine kilitler.

TextMeshPro bileşeni ekle

TextMeshProUGUI label = gameObject.AddComponent<____>();

Cevabı göster

TextMeshProUGUI label = gameObject.AddComponent<TextMeshProUGUI>();

UI Canvas genel özeti

Canvas

Tüm UI ögelerinin çizildiği kök bileşen
RectTransform

UI'ın konum, boyut ve çapalarını yönetir
TextMeshProUGUI

SDF teknolojili keskin metin bileşeni
Button

onClick ile etkileşim dinleyen buton

Sıradaki ders: Particle System nedir?

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler