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 tipini Type özelliği aracılığıyla seçin.
• 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.
• Gradyanın ölçeğini Scale özelliği aracılığıyla seçin.
• Gradyanın kenar örnekleme davranışını TileMode ö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.

   

3. Renk dizisinin alt eksenindeki her üçgen bir anahtar noktasıdır ve o noktadaki renk değerini belirler.

   

   1. Renk dizisindeki bir anahtar noktasına tıklayarak onu seçebilir veya yeniden konumlandırabilirsiniz veya grafikte herhangi bir yere tıklayarak başka bir anahtar noktası ekleyebilirsiniz.
   2. Renk yanındaki küçük kareye tıklayarak Renkler açılır penceresini açın, ardından anahtar noktası için istenen rengi seçin.
   3. Gerekirse, grafikteki renkleri eklemek/ayarlamak için bu adımları tekrarlayı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.

   

3. Sayı dizisi grafiğindeki her kare bir anahtar noktasıdır ve o noktadaki şeffaflık değerini belirler.

   

   1. Sayı dizisindeki bir anahtar noktasına tıklayarak onu seçebilir veya yeniden konumlandırabilirsiniz veya grafikte herhangi bir yere tıklayarak başka bir anahtar noktası ekleyebilirsiniz.
   2. Zaman ve Değer girişleri aracılığıyla belirli bir zaman/değer kombinasyonu girin.
   3. Gerekirse, grafikteki şeffaflık seviyelerini eklemek/ayarlamak için bu adımları tekrarlayın.

Tip

Bir gradyanın Type özelliği, Linear, Radial veya Conical arasından tipini ayarlar.

• Linear — Renk/şeffaflık dizisi, öğe boyunca düz bir çizgide geçiş yapar. Yön, dönüş ile kontrol edilir ve konum ofset ile belirlenir. Bu varsayılandır.

• Radial — Renk/şeffaflık dizisi, öğenin merkezinden dışarıya doğru yayılır, isteğe bağlı olarak Offset ile kaydırılabilir. Yarıçap, öğenin genişliği ve yüksekliğinin ortalaması ikiye bölünerek tanımlanır, etkili olarak $\text{(genişlik+yükseklik)/4}$. Rotation bir radial gradyan üzerinde etkili değildir.

• Conical — Renk/şeffaflık dizisi, öğenin merkezinin etrafında saat yönünde döner, isteğe bağlı olarak Offset ile kaydırılabilir. Rotation, dönüşün başlangıç ve bitiş açısını kontrol eder. Varsayılan olarak, bu 0 ile 360 derece arasında döner, ancak Scale değerleri 1'den küçükse bu açıyı azaltabilir.

Ofset ve dönüş

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üzdesi temel alınarak belirlenir ve hem pozitif hem de negatif değerler geçerlidir.

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

Ölçek

Bir gradyanın Scale özelliği, gradyanın kapsamını çarparak, renk/şeffaflık dizisinin öğe içinde ne kadarının görünür olduğunu kontrol eder.

• Scale 1'den küçük olduğunda, gradyan tam kapsamın altında kalır. Kalan renk/şeffaflık, TileMode özelliğine göre doldurulur.

• Scale 1'den büyük olduğunda, gradyan tam kapsamın üzerinde kalır ve yalnızca renk/şeffaflığın bir kısmı görünür.

Karo Modu

TileMode özelliği, gradyanın tam dizisinin üst nesneye tam olarak kaplamadığı durumlarda gradyanın nasıl tekrar edeceğini ayarlar.

• Clamp — Varsayılan mod, dizinin başlangıç ve bitişindeki renk/şeffaflık değerlerinin sonsuz bir şekilde uzandığı, böylece başlangıç değerlerinin gradyandan önceki alanı doldurduğu ve bitiş değerlerinin gradyandan sonraki alanı doldurduğu mod.

• Repeat — Gradyan, renk/şeffaflık dizisi karolarını başlangıçtan sona doğru kesintisiz bir şekilde sararak tekrar eder. Bu, dizideki ilk ve son renk/şeffaflık değerleri farklıysa görünür bir dikiş üretebilir.

• Mirror — Gradyan, her sınırda yansır, böylece renk/şeffaflık dizisi ping-pong yapar. Bu, her karo kenarında yönün tersine döndüğü için dikiş olmadan pürüzsüz bir tekrar üretir.

Çizgi

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

• Çizgi dış hatasının rengini 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, keskin 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 cinsinden ölçülür (varsayılan) veya modifikatörün StrokeSizingMode özelliğine bağlı olarak üst nesneye göre ölçeklendirilir. Çizgi metin üzerindeyse ve StrokeSizingMode ScaledSize olarak ayarlandıysa, kalınlık yazı tipi boyutuna göre ayarlanır.

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ış hatası veya kenarlık

Üst nesne türüne bağlı olarak, UIStroke ya bir metin dış hatası ya da bir kenarlık olarak çalışır. UIStroke'ı TextLabel gibi bir metin nesnesine ebeveyn olarak ayarladığınızda, metnin dış hatası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ılabilir, böylece çizgiyi nesnenin sınırlarına uygulayabilirsiniz. Metin dış hatası ve kenarlığı bağımsız olarak kontrol etmek için bir metin nesnesine iki UIStroke örneği ebeveyn olarak ayarlayabilirsiniz; 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, çizgi şeffaflığını üst nesne nesnesinin BackgroundTransparency veya TextTransparency özelliğinden bağımsız olarak ayarlar. Bu, yalnızca bir dış hat içeren "boş" metin ve kenarlık render etmenizi sağlar.

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ı belirsizdir. 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 render eder. Ana ö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.