من خلال استخدام معدلات المظهر، يمكنك تخصيص مظهر GuiObjects بشكل أكبر.
- تطبيق تدرج لوني على خلفية كائن.
- تطبيق حدود على النص أو الحدود.
- تعيين زوايا مدورة لكائن.
- زيادة الحشو بين حدود الكائن.
- إضافة ظل خلف كائن.
تدرج لوني
يطبق كائن UIGradient تدرج لوني وشفافية على الكائن الأب GuiObject.
يمكنك تكوين التدرج من خلال:
- اختيار نقطة البداية للتدرج (داخل أو خارج حدود الأب) من خلال خاصية Offset.
- اختيار زاوية التدرج من خلال خاصية Rotation.
تسلسل الألوان
لتعيين تسلسل ألوان التدرج:
في نافذة المستكشف، حدد UIGradient.
انقر على نقطة مفتاحية في تسلسل الألوان، ثم انقر على المربع الصغير بجوار Color لفتح نافذة منبثقة الألوان.
اختر اللون المطلوب للنقطة المفتاحية.
إذا لزم الأمر، يمكنك:
- إضافة نقطة مفتاحية أخرى من خلال النقر في أي مكان على الرسم البياني.
- سحب نقطة مفتاحية موجودة إلى موضع جديد، أو تحديد نقطة مفتاحية وإدخال قيمة زمنية محددة من خلال إدخال الوقت.
- حذف نقطة مفتاحية من خلال تحديدها والنقر على زر حذف.
- إعادة تعيين التسلسل من خلال النقر على زر إعادة تعيين.
الشفافية
لتعديل شفافية التدرج عبر نطاقه:
في نافذة المستكشف، حدد UIGradient.
في نافذة الخصائص، انقر داخل حقل خاصية Transparency، ثم انقر على زر ⋯ إلى يمين مربع الإدخال. ستظهر نافذة منبثقة لتسلسل الأرقام.
كل مربع عبر رسم تسلسل الأرقام هو نقطة مفتاحية تحدد قيمة الشفافية في تلك النقطة.
انقر واسحب أي نقطة مفتاحية، أو حدد نقطة مفتاحية وأدخل مجموعة زمنية/قيمة محددة من خلال إدخالات الوقت والقيمة.
إذا لزم الأمر، يمكنك:
- إضافة نقطة مفتاحية أخرى من خلال النقر في أي مكان على الرسم البياني.
- حذف نقطة مفتاحية من خلال تحديدها والنقر على زر حذف.
- إعادة تعيين التسلسل من خلال النقر على زر إعادة تعيين.
الإزاحة والدوران
تسمح لك خاصيتا Offset و Rotation بتعديل نقاط التحكم في التدرج وزاويته. كما هو موضح في الرسوم البيانية التالية، تعتمد Offset على نسبة مئوية من عرض أو ارتفاع الأب، وتكون القيم الإيجابية والسلبية صالحة.
بالمثل، عند تدوير التدرج، تدور نقاط التحكم أيضًا:
حدود
تطبق مثيل UIStroke حدودًا على النص أو الحدود. تشمل الميزات الرئيسية:
- القدرة على تعيين شفافية الحدود بشكل مستقل عن شفافية الأب.
- إمكانية تخصيص الموقع و/أو الإزاحة بالنسبة لحدود الأب.
- ثلاثة أنماط زوايا (مدورة، مائل، أو حاد).
- دعم تدرج الحدود من خلال مثيل UIGradient.
السمك
يمكنك تعيين عرض الحدود من خلال خاصية Thickness التي تقاس بالبكسل (افتراضي) أو مقاسة بالنسبة للأب، اعتمادًا على StrokeSizingMode للمعدل. إذا كانت الحدود على نص و StrokeSizingMode تم تعيينها إلى ScaledSize، فإن السمك يكون نسبيًا لحجم الخط.
اللون أو التدرج
يمكنك تعيين لون الحدود من خلال خاصية Color، بالإضافة إلى إدراج مثيل فرعي UIGradient لإنشاء حدود متدرجة.
يمكن أن يحتوي كل من الكائن الأب و UIStroke على مثيلات فرعية من UIGradient، مما يتيح لك تعيين تدرجات على الحدود والتعبئة بشكل مستقل.
حدود النص أو الحدود
اعتمادًا على نوع الأب، تعمل UIStroke كـ حدود نص أو كـ حدود. عندما تقوم بتطبيق UIStroke على كائن نص مثل TextLabel، فإنه يطبق على حدود النص؛ عندما تقوم بتطبيق UIStroke على كائنات GuiObjects الأخرى، فإنه يطبق على الحدود.
عند تطبيقها على كائن نص، يمكنك تجاوز سلوك الحدود الافتراضي من خلال خاصية ApplyStrokeMode، مما يتيح لك تطبيق الحدود على حدود الكائن بدلاً من النص نفسه. يمكنك حتى التحكم في حدود النص والحدود بشكل مستقل من خلال تطبيق مثيلين من UIStroke على كائن نص، واحد مضبوط على سياقي والآخر على حدود.
موقع/إزاحة الحدود
تحدد خاصية BorderStrokePosition موقع الحدود بالنسبة لحدود الأب، وتتيح لك خاصية BorderOffset تحديد إزاحة إضافية لموقع الحدود.
الشفافية
تحدد خاصية Transparency شفافية الحدود بشكل مستقل عن BackgroundTransparency للكائن الأب أو TextTransparency. هذا يسمح لك برسم نص وحدود "فارغة" (تتكون فقط من حدود).
نمط الزاوية
تتيح لك خاصية LineJoinMode التحكم في كيفية تفسير الزوايا. تقبل قيمة إما Round، Bevel، أو Miter.
الطبقات
لإضافة طبقات متعددة من مثيلات UIStroke على GuiObject من الأمام إلى الخلف، يمكنك استخدام خاصية ZIndex. تلك التي لديها ZIndex أقل تظهر تحت (خلف) تلك التي لديها ZIndex أعلى.
لاحظ أن ترتيب الرسم لمثيلات UIStroke التي لها نفس ZIndex غير محدد. لا تقم بتطبيق عدة مثيلات من UIStroke بنفس الفهرس إذا كان ترتيب رسمها مهمًا.
الزوايا
تطبق مثيل UICorner تشوهًا على زوايا كائنها الأب GuiObject. يمكنك التحكم في نصف القطر المطبق من خلال خاصية CornerRadius باستخدام إما Scale أو Offset.
تقوم Scale بتدوير الزوايا إلى نسبة مئوية بناءً على الطول الإجمالي لأقصر حافة للأب، مما يعني أن نسبة 0.5 أو أعلى تشوه الأب إلى شكل "كبسولة"، بغض النظر عن عرضه أو ارتفاعه. تقوم Offset بتدوير الزوايا إلى عدد محدد من البكسلات، بغض النظر عن عرض/ارتفاع الأب.
يمكنك أيضًا التحكم في زوايا فردية من خلال خصائص TopLeftRadius، TopRightRadius، BottomRightRadius، و BottomLeftRadius.
TopRightRadius = (0, 48)
BottomRightRadius = (0, 48)
BottomLeftRadius = (0, 0)
الحشو
يطبق كائن UIPadding حشوة من الأعلى والأسفل واليسار واليمين على محتويات كائن الأب GuiObject. على سبيل المثال، يمكنك تحريك النص داخل علامة النص لأعلى أو لأسفل من خلال تطبيق إزاحة على خاصية PaddingBottom للمعدل.
ظل
يطبق كائن UIShadow ظلًا خلف مثيل واجهة المستخدم الأب. تشمل الميزات الرئيسية:
- ضبط تشويش الظل.
- ضبط لون وشفافية الظل.
- ضبط إزاحة وانتشار الظل.
- إذا كان الأب مدورًا بواسطة GuiObject.Rotation، فسيتم أيضًا تدوير الظل.
- إذا كان الأب لديه زوايا مدورة، فسيكون للظل أيضًا زوايا مدورة.
UIShadow لا يدعم النص. إذا قمت بإضافة هذا المعدل إلى TextLabel أو TextButton، فإنه يرسم ظلًا لمنطقة الحدود المستطيلة للكائن، وليس للنص.
تشويش
تحدد خاصية BlurRadius درجة تشويش الظل. قيمة أكبر تجعل حواف الظل تبدو أكثر نعومة. لاحظ أن عامل القياس لهذه الخاصية UDim يتعلق بعرض أو ارتفاع الأب، أيهما أقصر.
اللون والشفافية
تحدد خاصية Color لون الظل، بينما تحدد Transparency شفافية الظل مع 0 تعني غير شفاف بالكامل و 1 تعني شفاف بالكامل.
الإزاحة والانتشار
تحدد خاصية Offset موضع الظل بالنسبة لموقع الأب، بينما تقوم Spread بتوسيع أو تقليص الظل بالنسبة لحجم الأب.
