باستخدام معدلات المظهر، يمكنك تخصيص مظهر GuiObjects بشكل أكبر.
- تطبيق تدرج لوني على خلفية كائن.
- تطبيق حدود على النص أو حافة.
- تعيين زوايا مستديرة لكائن.
- زيادة Padding بين حدود الكائن.
- إضافة ظل خارجي خلف الكائن.
تدرج
كائن UIGradient يطبق تدرج لوني وشفافية على والدها GuiObject.
يمكنك تكوين التدرج عن طريق:
- اختيار نقطة البداية للتدرج (داخل أو خارج حدود الوالد) من خلال خاصية Offset.
- اختيار زاوية التدرج من خلال خاصية Rotation.
تسلسل الألوان
لتعيين تسلسل ألوان التدرج:
في نافذة Explorer، اختر UIGradient.
في نافذة Properties، انقر داخل حقل خاصية Color، ثم انقر على الزر ⋯ إلى يمين مربع الإدخال. سيتم عرض نافذة تدرج لوني منبثقة.
كل مثلث على المحور السفلي لتسلسل الألوان هو نقطة مفتاحية تحدد قيمة اللون في تلك النقطة.
انقر على نقطة مفتاحية في تسلسل الألوان، ثم انقر على المربع الصغير بجوار Color لفتح نافذة منبثقة الألوان.
اختر اللون المطلوب للنقطة المفتاحية.
إذا لزم الأمر، يمكنك:
- إضافة نقطة مفتاحية أخرى عن طريق النقر في أي مكان على الرسم البياني.
- سحب نقطة مفتاحية موجودة إلى موضع جديد، أو اختيار نقطة مفتاحية وإدخال قيمة زمنية محددة من خلال إدخال Time.
- حذف نقطة مفتاحية عن طريق اختيارها والنقر على زر Delete.
- إعادة تعيين التسلسل من خلال النقر على زر Reset.
الشفافية
لتعديل شفافية التدرج عبر نطاقه:
في نافذة Explorer، اختر UIGradient.
في نافذة Properties، انقر داخل حقل خاصية Transparency، ثم انقر على الزر ⋯ إلى يمين مربع الإدخال. سيتم عرض نافذة تسلسل رقمي منبثقة.
كل مربع عبر الرسم البياني لتسلسل الأرقام هو نقطة مفتاحية تحدد قيمة الشفافية في تلك النقطة.
انقر واسحب أي نقطة مفتاحية، أو اختر نقطة مفتاحية وأدخل مجموعة زمنية/قيمة محددة من خلال المدخلات Time وValue.
إذا لزم الأمر، يمكنك:
- إضافة نقطة مفتاحية أخرى عن طريق النقر في أي مكان على الرسم البياني.
- حذف نقطة مفتاحية عن طريق اختيارها والنقر على زر Delete.
- إعادة تعيين التسلسل من خلال النقر على زر Reset.
الإزاحة والدوران
خصائص 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)
Padding
كائن UIPadding يطبق Padding من الأعلى والأسفل واليسار واليمين على محتويات GuiObject الوالد. على سبيل المثال، يمكنك تحريك النص داخل تسمية النص لأسفل أو لأعلى عن طريق تطبيق إزاحة على خاصية PaddingBottom للمعدل.
ظل
كائن UIShadow يرسم ظل خارجي خلف نسخته من واجهة المستخدم. تشمل الميزات الرئيسية:
- ضبط تشويش الظل.
- ضبط لون وشفافية الظل.
- ضبط إزاحة وانتشار الظل.
- إذا كان الوالد مائلًا بواسطة GuiObject.Rotation، فسيتم أيضًا دوران الظل.
- إذا كان الوالد يحتوي على زوايا مستديرة، فسيكون للظل أيضًا زوايا مستديرة.
لا يدعم UIShadow النص. إذا قمت بإضافة هذا المعدل إلى TextLabel أو TextButton، فسيقوم برسم ظل للمنطقة المستطيلة للكائن، وليس النص.
تشويش
خاصية BlurRadius تحدد تشويش الظل. كلما كانت القيمة أكبر، كان حواف الظل تبدو أنعم. لاحظ أن عامل النسبة لهذا الخاصية UDim يعتمد على عرض أو ارتفاع الوالد، أيهما أقصر.
اللون والشفافية
خاصية Color تحدد لون الظل، بينما تحدد Transparency شفافيات الظل بحيث تكون 0 معتم بالكامل و1 شفاف بالكامل.
إزاحة وانتشار
خاصية Offset تحرك الظل بالنسبة لموضع الوالد، بينما Spread تُوسع أو تُقلل الظل نسبةً لحجم الوالد.
