Unity’de RectTransform bileşeni, UI (Kullanıcı Arayüzü) elemanlarının konumlandırılması ve boyutlandırılması için kritik bir rol oynar. Inspector penceresinde bu bileşenin çeşitli özellikleri bulunur. Her bir özelliği detaylı olarak açıklayalım ve sayısal örneklerle pekiştirelim.

1. Pos X ve Pos Y (Bağlantılı Konumun X ve Y Koordinatları):

Bu değerler, UI elemanının pivot noktasının, belirlenen anchor (bağlantı) noktalarına göre olan konumunu tanımlar. Başka bir deyişle, elemanın ebeveynine göre yatay (X) ve dikey (Y) eksendeki offset’ini belirtir.

Örnek 1:

• Pos X: 50
• Pos Y: -20

Bu ayarlar, elemanın pivot noktasını, anchor noktalarına göre 50 birim sağa ve 20 birim aşağıya kaydırır.

Örnek 2:

• Pos X: -100
• Pos Y: 75

Bu durumda, elemanın pivot noktası, anchor noktalarına göre 100 birim sola ve 75 birim yukarıya kaydırılır.

2. Width ve Height (Genişlik ve Yükseklik):

Bu değerler, UI elemanının genişlik ve yüksekliğini piksel cinsinden belirtir.

Örnek 1:

• Width: 200
• Height: 100

Elemanın genişliği 200 piksel, yüksekliği ise 100 piksel olacaktır.

Örnek 2:

• Width: 150
• Height: 300

Bu ayarlar, elemanın genişliğini 150 piksel, yüksekliğini ise 300 piksel olarak belirler.

3. Anchors (Bağlantı Noktaları):

Anchors, elemanın ebeveynine göre nasıl konumlanacağını ve boyutlanacağını belirler. Her bir anchor, ebeveyn RectTransform’unun normalleştirilmiş (0 ile 1 arasında) koordinatlarıdır. Anchor Min, sol alt köşeyi; Anchor Max ise sağ üst köşeyi temsil eder.

Örnek 1:

• Anchor Min: (0, 0)
• Anchor Max: (1, 1)

Bu ayarlar, elemanın ebeveyninin tamamını kaplamasını sağlar. Eleman, ebeveyninin boyutlarına göre dinamik olarak yeniden boyutlanır.

Örnek 2:

• Anchor Min: (0.5, 0.5)
• Anchor Max: (0.5, 0.5)

Bu durumda, elemanın anchor noktası ebeveyninin tam ortasına ayarlanır. Elemanın boyutu sabit kalır ve ebeveyninin ortasında konumlanır.

4. Pivot (Dönüş Noktası):

Pivot, elemanın döndüğü veya ölçeklendiği merkezi noktayı belirler. Bu da normalleştirilmiş bir değerdir ve (0.5, 0.5) değeri, elemanın merkezini ifade eder.

Örnek 1:

• Pivot: (0, 0)

Bu ayar, pivot noktasını elemanın sol alt köşesine yerleştirir. Dönme veya ölçekleme işlemleri bu noktaya göre yapılır.

Örnek 2:

• Pivot: (1, 1)

Bu durumda, pivot noktası elemanın sağ üst köşesine ayarlanır. Dönme veya ölçekleme işlemleri bu köşeye göre gerçekleşir.

5. Rotation (Dönüş):

Rotation, elemanın saat yönünde derece cinsinden döndürülmesini sağlar.

Örnek 1:

• Rotation: 45°

Eleman, saat yönünde 45 derece döndürülür.

Örnek 2:

• Rotation: -90°

Bu ayar, elemanın saat yönünün tersine 90 derece döndürülmesini sağlar.

6. Scale (Ölçek):

Scale, elemanın X, Y ve Z eksenlerinde ne kadar büyütüleceğini veya küçültüleceğini belirler.

Örnek 1:

• Scale X: 1.5
• Scale Y: 1.5
• Scale Z: 1

Eleman, X ve Y eksenlerinde %150 oranında büyütülür; Z ekseni ise değişmez.

Örnek 2:

• Scale X: 0.5
• Scale Y: 2
• Scale Z: 1

Bu durumda, eleman X ekseninde %50 küçültülür, Y ekseninde ise %200 büyütülür; Z ekseni yine değişmez.

Özet:

• Pos X ve Pos Y: Elemanın pivot noktasının, anchor noktalarına göre olan yatay ve dikey offset’ini belirler.
• Width ve Height: Elemanın genişlik ve yüksekliğini piksel cinsinden tanımlar.
• Anchors: Elemanın ebeveynine göre nasıl konumlanacağını ve boyutlanacağını belirler.
• Pivot: Elemanın döndüğü veya ölçeklendiği merkezi noktayı tanımlar.
• Rotation: Elemanın saat yönünde derece cinsinden döndürülmesini sağlar.
• Scale: Elemanın X, Y ve Z eksenlerinde ne kadar büyütüleceğini veya küçültüleceğini belirler.

Bu özelliklerin doğru kullanımı, UI elemanlarınızın farklı ekran boyutlarına ve çözünürlüklerine uyum sağlamasında kritik bir rol oynar.