Temel boyutlandırma dışında, UI nesnelerini orantılı olarak ölçeklendirmek veya otomatik boyutlandırmak için boyut değiştiricilerini kullanabilirsiniz. Ayrıca, oran kontrol etmek veya minimum ve maksimum boyut veya metin boyutu ayarlamak için boyut kısıtlamaları ekleyebilirsiniz.
Ölçek
Bir UIScale nesnesi, ana GuiObject'ın AbsoluteSize özelliğini çarpan bir sayısal değeri saklar. Örneğin, bir nesnenin mevcut boyutunun iki katı kadar büyük olmasını istiyorsanız, UIScale objesini Scale özelliği 2 olan bir değerle ekleyebilirsiniz.
Bu değiştirici, Studio'da ayrıntılı bir kullanıcı arayüzü tasarlarken "yakınlaştırmak" için faydalıdır çünkü nesneyi ve onun tüm çocuklarını, UIStroke veya UICorner gibi uygulanan görünüm değiştiricileri dahil orantılı olarak ölçeklendirir. Ayrıca, bir nesnenin boyutunu tween yapmak için de yararlıdır; örneğin, bir oyuncu üzerine fareyle geldiğinde bir düğmenin boyutunu hafifçe artırmak için.
Otomatik boyutlandırma
AutomaticSize özelliği, bir ana GuiObject'un alt nesnelerinin boyutuna göre otomatik olarak boyutlandırılmasını sağlar. Bu özelliği farklı durumlarda kullanabilirsiniz, bunlar arasında:
- Bir GuiObject'u birden çok dilde yerelleştirilmiş metni sığdırması için genişletmek.
- Kullanıcıların bir TextBox içinde metin girmesine izin vermek, girilen metin miktarına göre otomatik olarak boyutunu ayarlamak.
- zengin metin işaretlemesi kullanarak metin nesnelerinin boyutunu otomatik olarak ayarlamak, yazı tipi türü ve boyutu ile birlikte.
AutomaticSize özelliğini herhangi bir GuiObject için etkinleştirebilirsiniz. Varsayılan olarak, değeri None olarak ayarlanmıştır, ancak içeriğini sığdırmak için hangi yönde GuiObject'un boyutlandırılacağını tam olarak kontrol etmek için değerini değiştirebilirsiniz.
ScrollingFrame, AutomaticSize yerine AutomaticCanvasSize özelliğini kullanır. Aynı şekilde davranır ama çerçevenin CanvasSize'ını değil, temel Size'ını yeniden boyutlandırır.
Otomatik boyutlandırmayı etkinleştirmek için:
Explorer penceresinde, bir Frame, TextBox veya ImageLabel gibi herhangi bir GuiObject'e tıklayın.
Properties penceresinde, AutomaticSize özelliğine (ScrollingFrame için AutomaticCanvasSize) gidin ve aşağıdaki seçeneklerden birine ayarlayın:
- X — İçeriği yatay olarak boyutlandırır.
- Y — İçeriği dikey olarak boyutlandırır.
- XY — İçeriği hem yatay hem de dikey olarak boyutlandırır.
Otomatik boyutlandırma ayarlandığında, diğer nesne özelliklerinin aşağıdaki gibi davranacağını unutmayın:
AutomaticSize özelliği, bir nesnenin boyutlandırması kavramıyla benzerlik gösterir; içeriği boyutlandırırken AnchorPoint özelliğini dikkate alır. Örneğin, aşağıdaki video üç TextLabel'in, referans noktalarından otomatik olarak yeniden boyutlandırıldığını gösterir.
- Üst etiketin AnchorPoint değeri (0, 0.5) ve bunu sol tarafın ortasına sabitler.
- Orta etiketin AnchorPoint değeri (0.5, 0.5) ve bu, etiketin merkezine sabitlenir.
- Alt etiketin AnchorPoint değeri (1, 0.5) ve bu da sağ tarafın ortasına sabitler.
Kısıtlamalar
Bir kullanıcı arayüzü nesnesi için kullanabileceğiniz üç tür kısıtlama vardır: boyut, metin boyutu ve oran . Bir kısıtlamayı kullanmak için, onu kısıtlamak istediğiniz GuiObject'un çocuğu olarak ayarlamalısınız.
Boyut
UISizeConstraint, bir GuiObject için minimum ve maksimum boyutları belirtir. Bu kısıtlama, GuiObject'un farklı ekran boyutlarında çok küçük veya büyük hale gelmesini sağlamaz.
Örneğin, MinSize özelliğini (200, 200) ve MaxSize özelliğini (400, 400) olarak ayarlarsanız, GuiObject 200×200 pikselden daha küçük veya 400×400 pikselden daha büyük ölçeklenemez.
Bir UI nesnesi, UIListLayout gibi bir düzen yapısı ve bir UISizeConstraint ile kontrol altındaysa, kısıtlama düzeni geçersiz kılar ve nesnenin boyutunu kontrol eder.
Metin boyutu
UITextSizeConstraint, bir metne sahip GuiObject, örneğin bir TextLabel, TextButton veya TextBox için minimum ve maksimum yazı tipi boyutunu belirtir. Bu kısıtlama, bir GuiObject içindeki metin'in okunamaz veya çok büyük hale gelmesini sağlamaz.
Eğer, ana GuiObject'un TextScaled özelliğini etkinleştirirseniz, metin boyutu, konteynerin boyutuyla ölçeklenir ve kısıtlamalara uyar. Bu, nesne MinTextSize ve MaxTextSize değerlerinden daha küçük veya daha büyük hale geldiğinde bile geçerlidir.
Örneğin, aşağıdaki TextLabel nesnesi, UITextSizeConstraint ile MinTextSize değeri 50 ve MaxTextSize değeri 80 olan bir kısıtlamaya sahiptir. TextLabel küçüldüğünde, yazı tipi asla 50 pikselden daha küçük olmayacaktır, ve nesne büyüdüğünde, yazı tipi asla 80 pikselden daha büyük olmayacaktır.
MinTextSize değerini 9'dan daha düşük kullanmayın, aksi takdirde metin birçok izleyici için okunması zor olacaktır.
Oran
UIAspectRatioConstraint, bir GuiObject üzerinde genişlik-yükseklik oranını sağlar; bu oran, nesnenin temel boyutuna göre olsa bile, kontrol altındadır. Örneğin, bu kısıtlamayı bir Frame'in çocuğu olarak ekleyip kısıtlamanın AspectRatio özelliğini 2 (2:1) olarak ayarlarsanız, çerçevenin genişliği yüksekliğinin iki katı olur. Benzer şekilde, bu kısıtlamanın AspectRatio özelliğini 0.5 (0.5:1) olarak ayarlarsanız, çerçevenin genişliği yüksekliğinin yarısı olur.
Bu kısıtlamanın AspectRatio değerini varsayılan 1 (1:1) olarak ayarlamak, kare görsel varlıkla yapılan bir ImageLabel'in orantısız ölçeklenmesini/esnemesini önlemenin pratik bir yoludur; örneğin, bir avatar küçük resmi.
Bir UI nesnesi, UIListLayout gibi bir düzen yapısı ve bir UIAspectRatioConstraint ile kontrol altındaysa, kısıtlama düzeni geçersiz kılar ve nesnenin boyutunu kontrol eder.