Özet - UI Canvas
- Oyun Geliştirme kursu
- Orta seviye
- Ders 36/83
- 4 dk
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 -> LayoutGroupRectTransform 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.
Başlangıç kodu
using System;
class Program
{
static void Main()
{
// root, element ve layout değerlerini tanımlayıp yazdır
}
}Örnek çözüm
using System;
class Program
{
static void Main()
{
string root = "Canvas";
string element = "Button";
string layout = "Horizontal";
Console.WriteLine("Root: " + root + " | Element: " + element + " | Layout: " + layout);
}
}Beklenen çıktı
Root: Canvas | Element: Button | Layout: Horizontal
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 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ı Doğru cevap
- Rigidbody mass ve MeshCollider
- AudioListener ve Spatial Blend
- Particle System ve Sorting Layer
Açıklama: Canvas Scaler ekran çözünürlüğüne göre genel ölçekleme yaparken, RectTransform Anchor butonları ekran köşelerine kilitler.
2 TextMeshPro bileşeni ekle
TextMeshProUGUI label = gameObject.AddComponent<____>();TextMeshProUGUI label = gameObject.AddComponent<TextMeshProUGUI>();Açıklama: Canvas üzerinde modern ve keskin metin oluşturmak için TextMeshProUGUI bileşeni eklenir.
3 UI Canvas genel özeti
| Kavram | Anlamı |
|---|---|
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 |