UI görünüm modifikatörleri

Görünüm modifikatörlerini kullanarak GuiObjects'ın görünümünü daha da özelleştirebilirsiniz.

• Bir nesnenin arka planına bir gradyan uygulayın.
• Metin veya bir kenarlığa bir çizgi uygulayın.
• Bir nesne için yuvarlak köşeler ayarlayın.
• Bir nesnenin kenarları arasındaki padding miktarını artırın.
• Bir nesnenin arkasına bir gölge ekleyin.

Gradyan

UIGradient nesnesi, üst nesnesi GuiObject'a bir renk ve opasite gradyanı uygular.

Gradyanı yapılandırmak için:

• Gradyanın Color özelliğindeki ColorSequence aracılığıyla renklerini ayarlayın.
• Gradyanın Transparency özelliğindeki NumberSequence aracılığıyla şeffaflığını ayarlayın.
• Gradyanın başlangıç noktasını (üst nesnenin sınırları içinde veya dışında) Offset özelliği aracılığıyla seçin.
• Gradyanın açısını Rotation özelliği aracılığıyla seçin.

Renk dizisi

Bir gradyanın renk dizisini ayarlamak için:

1. Explorer penceresinde UIGradient'i seçin.

2. Properties penceresinde, Color özellik alanına tıklayın, ardından giriş kutusunun sağındaki ⋯ butonuna tıklayın. Bir renk dizisi açılır penceresi görüntülenir.

   

   Renk dizisinin alt eksenindeki her üçgen bir anahtar nokta olup, o noktadaki renk değerini belirler.

   

3. Renk dizisindeki bir anahtar noktaya tıklayın, ardından Renk yanındaki küçük kareye tıklayarak Renkler açılır penceresini açın.

4. Anahtar nokta için istenen rengi seçin.

   

5. Gerekirse, şunları yapabilirsiniz:

   • Grafikte herhangi bir yere tıklayarak başka bir anahtar nokta ekleyin.
   • Mevcut bir anahtar noktayı yeni bir konuma sürükleyin veya bir anahtar noktayı seçip Zaman girişine belirli bir zaman değeri girin.
   • Bir anahtar noktayı seçip Sil butonuna tıklayarak silin.
   • Sıfırla butonuna tıklayarak diziyi sıfırlayın.

Şeffaflık

Bir gradyanın şeffaflığını aralığında ayarlamak için:

1. Explorer penceresinde UIGradient'i seçin.

2. Properties penceresinde, Transparency özellik alanına tıklayın, ardından giriş kutusunun sağındaki ⋯ butonuna tıklayın. Bir sayı dizisi açılır penceresi görüntülenir.

   

   Sayı dizisi grafiğindeki her kare bir anahtar nokta olup, o noktadaki şeffaflık değerini belirler.

   

3. Herhangi bir anahtar noktayı tıklayıp sürükleyin veya bir anahtar noktayı seçip Zaman ve Değer girişleri aracılığıyla belirli bir zaman/değer kombinasyonu girin.

   

4. Gerekirse, şunları yapabilirsiniz:

   • Grafikte herhangi bir yere tıklayarak başka bir anahtar nokta ekleyin.
   • Bir anahtar noktayı seçip Sil butonuna tıklayarak silin.
   • Sıfırla butonuna tıklayarak diziyi sıfırlayın.

Ofset ve döndürme

Offset ve Rotation özellikleri, gradyanın kontrol noktalarını ve açısını ayarlamanıza olanak tanır. Aşağıdaki diyagramlarda gösterildiği gibi, Offset, üst nesnenin genişliğinin veya yüksekliğinin yüzdesine dayanır ve hem pozitif hem de negatif değerler geçerlidir.

Benzer şekilde, gradyanı döndürdüğünüzde, kontrol noktaları da döner:

Çizgi

UIStroke örneği, metin veya bir kenarlığa bir dış hat uygular. Anahtar özellikler şunlardır:

• Çizgi dış hat renginin renk ve kalınlığını ayarlama.
• Çizgi şeffaflığını üst nesnenin şeffaflığından bağımsız olarak ayarlama yeteneği.
• Üst nesnenin kenarına göre konum ve/veya ofset ayarlama.
• Üç köşe stili (yuvarlak, kesik veya miter).
• UIGradient örneği aracılığıyla çizgi gradyanı desteği.

Kalınlık

Çizgi kalınlığını, Thickness özelliği aracılığıyla ayarlayabilirsiniz; bu, piksel (varsayılan) cinsinden veya modifikatörün StrokeSizingMode'una bağlı olarak üst nesneye göre ölçeklendirilmiş olarak ölçülür. Çizgi metin üzerindeyse ve StrokeSizingMode ScaledSize olarak ayarlandıysa, kalınlık yazı tipi boyutuna göre görecektir.

Renk veya gradyan

Çizgi rengini Color özelliği aracılığıyla ayarlayabilir ve gradyan çizgileri oluşturmak için bir çocuk UIGradient örneği ekleyebilirsiniz.

Metin dış hat veya kenarlık

Üst nesne türüne bağlı olarak, UIStroke ya bir metin dış hat ya da bir kenarlık olarak çalışır. UIStroke'ı TextLabel gibi bir metin nesnesine ebeveyn olarak ayarladığınızda, metnin dış hatlarına uygulanır; UIStroke'ı diğer GuiObjects'a ebeveyn olarak ayarladığınızda, kenarlığa uygulanır.

Bir metin nesnesine uygulandığında, ApplyStrokeMode özelliği ile varsayılan çizgi davranışını geçersiz kılabilirsiniz; bu, çizgiyi nesnenin sınırlarına uygulamanıza olanak tanır. İki UIStroke örneğini bir metin nesnesine ebeveyn olarak ayarlayarak metin dış hatlarını ve kenarlığını bağımsız olarak kontrol edebilirsiniz; biri Bağlamsal ve diğeri Kenar olarak ayarlanmış.

Kenar konumu/ofset

BorderStrokePosition, çizginin üst nesnesinin kenarına göre konumunu ayarlar ve BorderOffset, çizginin konumuna ek bir ofset belirtmenize olanak tanır.

Şeffaflık

Transparency özelliği, üst nesne nesnesinin BackgroundTransparency veya TextTransparency'sinden bağımsız olarak çizgi şeffaflığını ayarlar. Bu, "boş" (sadece bir dış hat içeren) metin ve kenarlıklar oluşturmanıza olanak tanır.

Köşe stili

LineJoinMode özelliği, köşelerin nasıl yorumlandığını kontrol etmenizi sağlar. Round, Bevel veya Miter değerini kabul eder.

Katmanlama

Bir GuiObject üzerindeki birden fazla kardeş UIStroke örneğini önceden arkaya katmanlamak için, ZIndex özelliğini kullanabilirsiniz. Daha düşük ZIndex değerine sahip olanlar, daha yüksek ZIndex değerine sahip olanların altında (arkasında) render edilir.

Aynı ZIndex değerine sahip UIStroke örneklerinin render sırası tanımsızdır. Render sırasının önemli olduğu durumlarda aynı indekse sahip birden fazla UIStroke örneği uygulamayın.

Köşeler

UICorner örneği, üst nesnesi GuiObject'ın köşelerine deformasyon uygular. Uygulanan yarıçapı, CornerRadius özelliği aracılığıyla Scale veya Offset kullanarak kontrol edebilirsiniz.

Scale, köşeleri üst nesnenin en kısa kenarının toplam uzunluğuna dayalı bir yüzde olarak yuvarlar; bu, 0.5 veya daha yüksek bir ölçekle, üst nesneyi genişliğinden veya yüksekliğinden bağımsız olarak "hap" şekline dönüştürür. Offset, köşeleri üst nesnenin genişliğinden/yüksekliğinden bağımsız olarak belirli bir piksel sayısına yuvarlar.

Ayrıca, TopLeftRadius, TopRightRadius, BottomRightRadius ve BottomLeftRadius özellikleri aracılığıyla bireysel köşeleri kontrol edebilirsiniz.

Padding

Bir UIPadding nesnesi, üst nesne GuiObject'ın içeriğine üst, alt, sol ve/veya sağ padding uygular. Örneğin, bir metin etiketinin içindeki metni aşağı veya yukarı taşımak için modifikatörün PaddingBottom özelliğine bir ofset uygulayabilirsiniz.

Gölge

Bir UIShadow nesnesi, üst nesne UI örneğinin arkasında bir gölge oluşturur. Anahtar özellikler şunlardır:

• Gölgenin bulanıklığını ayarlayın.
• Gölgenin rengini ve şeffaflığını ayarlayın.
• Gölgenin ofsetini ve yayılmasını ayarlayın.
• Üst nesne GuiObject.Rotation ile döndürüldüğünde, gölge de dönecektir.
• Üst nesne yuvarlak köşelere sahipse, gölge de yuvarlak köşelere sahip olacaktır.

Bulanıklık

BlurRadius özelliği, gölgenin bulanıklığını belirler. Daha büyük bir değer, gölgenin kenarlarının daha yumuşak görünmesini sağlar. Bu UDim özelliğinin ölçek faktörünün, üst nesnenin genişliğine veya yüksekliğine, hangisi daha kısa ise, göre olduğunu unutmayın.

Renk ve şeffaflık

Color özelliği, gölgenin rengini belirlerken, Transparency gölgenin şeffaflığını ayarlar; 0 tamamen opak ve 1 tamamen şeffafdır.

Ofset ve yayılma

Offset özelliği, gölgeyi üst nesnenin konumuna göre hareket ettirirken, Spread gölgeyi üst nesnenin boyutuna göre genişletir veya daraltır.