UI nesnelerinin temel boyutlandırmasının yanı sıra, bir nesneyi orantısal olarak veya otomatik olarak ölçeklendirmek için boyut değiştiricilerini kullanabilirsiniz.Ayrıca boyut kısıtları ekleyerek görüntü oranını kontrol edebilir veya minimum ve maksimum boyut veya metin boyutu belirleyebilirsiniz.
Boyut
Bir nesnesi, ebeveynin özelliğini çarpan bir sayısal değer saklar.Örneğin, bir nesnenin şu anda olduğundan iki kat daha büyük olmasını istiyorsanız, bir UIScale özniteliği ile bir Scale nesne ekleyebilirsiniz 2 .
Bu değiştirici, Studio'da ayrıntılı bir kullanıcı arayüzü tasarlarken "yakınlaştırmak" için yararlıdır, çünkü oranla nesneyi ve tüm çocuklarını ölçer, bunlar arasında herhangi bir uygulanan görünüm değiştiricisi gibi örneğin UIStroke veya UICorner.Örneğin, bir oyuncunun fareyi üzerine getirdiğinde düğme boyutunu hafifçe artırmak için bir nesnenin boyutunu büyütmesi faydalıdır.
Otomatik boyutlandırma
The AutomaticSize özelliği, bir ebeveyni GuiObject ölçeğine otomatik olarak yeniden boyutlandırır.Bu özelliği çeşitli durumlarda kullanabilirsiniz, örneğin:
- Bir GuiObject 'yi genişletmek ve birçok dilde yerelleştirilmiş metne uymak için.
- Kullanıcıların metin girmesine izin vermek, bir TextBox otomatik olarak girilen metin miktarına göre boyutunu ayarlamak
- Yazı nesnelerinin boyutunu otomatik olarak ayarlayarak zengin metin işaretlemesi , yazı tipi ve boyutu dahil.
Herhangi bir AutomaticSize özelliği için GuiObject özelliğini etkinleştirebilirsiniz.Varsayılan olarak, değeri None olarak ayarlanır, ancak içeriğine uymak için hangi yöne GuiObject yeniden boyutlandırılacağına özel kontrol sağlayabilirsiniz.
ScrollingFrame , AutomaticCanvasSize özelliğini AutomaticSize yerine kullanır.Aynı davranır, ancak çerçevenin CanvasSize 'ini yeniden boyutlandırır, temelini değil Size .
Otomatik boyutlandırmayı etkinleştirmek için:
Araştırmacı penceresinde, , GuiObject , Frame veya TextBox gibi herhangi bir ImageLabel tıklayın.
Özellikler penceresinde, AutomaticSize ( AutomaticCanvasSize için ScrollingFrame) navigasyon yapın ve aşağıdaki seçeneklerden birine ayarlayın:
- X — İçeriği yatay olarak yeniden boyutlandırır.
- Y — İçeriği dikey olarak yeniden boyutlandırır.
- XY — İçeriği hem yatay hem de dikey olarak yeniden boyutlandırır.
Otomatik boyutlandırma ayarlandıktan sonra, diğer nesne özelliklerinin aşağıdaki gibi davrandığını unutmayın:
Bir konsept olan boyutlandırma bir nesneye benzer şekilde, AutomaticSize içeriğin boyutlandırılması sırasında AnchorPoint özelliğini dikkate alır.Örneğin, aşağıdaki videoda, otomatik olarak ana noktalarından yeniden boyutlandırılan üç TextLabels görülür.
- Üst etiketin bir değeri AnchorPoint , sol taraftaki orta noktaya sabitlenir ve (0, 0.5) değeri vardır.
- Ortası etiketinin bir değeri AnchorPoint vardır (0.5, 0.5) ki bunu merkeze sabitler.
- En alt etiketin bir değeri var, bu da onu sağ taraftaki orta noktaya sabitler.
Sınırlar
Bir kullanıcı arayüzü nesnesi için kullanabileceğiniz üç tür sınırlama vardır: boyut , metin boyutu ve görüntü oranı .Bir sınırı kullanmak için, sınırlandırmak istediğiniz çocuk olarak ayarlamanız gerekir GuiObject sınırlandırmak istediğiniz.
Boyut
The UISizeConstraint bir GuiObject için minimum ve maksimum boyut belirtir.Bu kısıtlama, GuiObject 'nin farklı ekran boyutlarında çok küçük veya çok büyük olmadığından emin olur.
Ö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 olmayacaktır.
Bir UI nesnesi hem bir tasarım yapısı gibi hem de bir altında olduğunda, kısıtlayıcı tasarımı geçersiz kılacak ve nesnenin boyutunu kontrol edecektir.
Metin boyutu
The UITextSizeConstraint bir GuiObject ile minimum ve maksimum bir yazı tipi boyutu belirtir, örneğin bir TextLabel , TextButton veya TextBox.Bu kısıtlama, GuiObject metin in okunaksız hale gelmesini veya çok büyük olmasını engeller.
Ebeveyn TextScaled özelliğinin GuiObject özelliklerini etkinleştirirseniz, metin boyutu, konteynerin boyutuyla ölçeklenir ve nesne MinTextSize ve MaxTextSize değerlerinden daha küçük veya daha büyük olsa bile kısıtlamalara uyar.
Örneğin, aşağıdaki TextLabel nesnesinin bir UITextSizeConstraint değeri vardır MinTextSize ve bir MaxTextSize değeri vardır 50 ve bir değeri vardır 80 .TextLabel daha küçük olduğunda bile, yazı tipi asla 50 pikselden daha küçük olmaz ve nesne büyüdüğünde yazı tipi sonraki 80 pikselden fazla olur.
MinTextSize özellik değerlerini 9 veya daha düşük kullanmayın, aksi takdirde birçok görüntüleyici için okuması zor olacaktır.
Açı oranı
The UIAspectRatioConstraint enforces a genişlik-yükseklik oranı aspect ratio on a GuiObject regardless of its core size, even if that size is set as a percentage of its parent.Örneğin, bu sınırı bir Frame çocuğu olarak girip sınırın AspectRatio özelliğini 2 ( 2:1 ) olarak ayarlamak, çerçevenin genişliğini yüksekliğinin iki katına tutar.Benzer şekilde, bu kısıtlamanın AspectRatio özelliklerini 0.5 ( 0.5:1 ) olarak ayarlamak, çerçevenin genişliğini yüksekliğinin yarısına düşürür.
Bu kısıtlamanın bir kare görüntü kaynağıyla orantısız bir ölçekleme/genişlemeyi engelleme yöntemi, bir avatar küçük resmi ile bir avatar küçük resmi 'nın orantısız genişlemesini engellemenin uygun bir yoludur.
Bir UI nesnesi hem bir tasarım yapısı gibi hem de bir altında olduğunda, kısıtlayıcı tasarımı geçersiz kılacak ve nesnenin boyutunu kontrol edecektir.