Rect Transform
- Oyun Geliştirme kursu
- Orta seviye
- Ders 34/83
- 4 dk
Rect Transform ile UI öğelerinin konum ve boyutunu öğrenirsin.
Rect Transform nedir?
3D dünyadaki standart Transform bileşeninin UI sistemindeki karşılığı RectTransform'dur. Yalnızca 3D uzay pozisyonunu değil; 2D bir dikdörtgenin genişliğini (width), yüksekliğini (height), çapasını (anchor) ve pivot noktasını yönetir.
// RectTransform boyutunu kod üzerinden ayarlama
RectTransform rect = GetComponent<RectTransform>();
rect.sizeDelta = new Vector2(200f, 50f);Canvas altındaki tüm nesneler standart Transform yerine otomatik olarak bir RectTransform taşır.
Anchor ve Pivot mantığı
Anchor (Çapa), ekran çözünürlüğü değiştiğinde butonun ekrandan taşmasını önlemek için ebeveyn dikdörtgenin köşelerine kilitlenme noktaları tanımlar. Pivot ise nesnenin kendi etrafındaki dönme ve ölçeklenme merkezidir.
// Pivot noktasını tam merkeze sabitleme (0.5, 0.5)
rect.pivot = new Vector2(0.5f, 0.5f);Doğru anchor yapılandırması, oyununuzun hem telefonlarda hem de geniş monitörlerde bozulmadan çalışmasını sağlar.
Uygulama Anchor ve Pivot bilgisini yazdır
anchor değişkenine "TopRight", pivot değişkenine "(0.5, 0.5)" ata. Ekrana Anchor: TopRight | Pivot: (0.5, 0.5) yazdır.
Başlangıç kodu
using System;
class Program
{
static void Main()
{
// anchor ve pivot değerlerini tanımlayıp yazdır
}
}Örnek çözüm
using System;
class Program
{
static void Main()
{
string anchor = "TopRight";
string pivot = "(0.5, 0.5)";
Console.WriteLine("Anchor: " + anchor + " | Pivot: " + pivot);
}
}Beklenen çıktı
Anchor: TopRight | Pivot: (0.5, 0.5)
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Farklı ekran çözünürlüklerinde bir UI elemanının ekranın belirli bir köşesine (ör. sol üst) kilitlenmesini sağlayan ayar nedir?
- AudioListener
- Anchor (Çapa) Doğru cevap
- Lightmap UV
- MeshCollider
Açıklama: Anchor (Çapa) ayarı, bir UI elemanının ebeveyn ekran kenarlarına veya köşelerine göre göreceli konumunu sabitler.
2 RectTransform bileşenine eriş
RectTransform rt = GetComponent<____>();RectTransform rt = GetComponent<RectTransform>();Açıklama: Canvas altındaki nesnelerin dikdörtgen boyutlarına erişmek için RectTransform tipi kullanılır.
3 RectTransform terimleri
| Kavram | Anlamı |
|---|---|
RectTransform |
UI'ın konum ve boyutunu tutan bileşen |
Anchor |
UI ögesini ebeveyn köşelerine sabitler |
Pivot |
Dönüş ve ölçekleme referans noktası |
sizeDelta |
RectTransform genişlik ve yüksekliği |