عند إنشاء واجهة مستخدم مع حدود وزوايا مخصصة، ستحتاج غالبًا إلى رسم عناصر بأبعاد مختلفة وإحاطة بصريًا نص محلي أو محتويات أخرى بأبعاد غير معروفة. هذا يسمح لك بإنشاء عناصر واجهة مستخدم بأحجام متفاوتة دون تشويه الحدود أو الزوايا.


تحت منهج 9 شرائح، يتم تقسيم صورة واحدة (أصل صورة Roblox واحدة) داخليًا إلى تسع صور فرعية، لكل منها قواعد تكبير مختلفة.

| صورة فرعية | التكبير |
|---|---|
| 1 3 7 9 (زوايا) | بدون |
| 2 8 (حواف أعلى/أسفل) | أفقي |
| 4 6 (حواف يسار/يمين) | عمودي |
| 5 (مركز) | أفقي + عمودي |
محرر الاستوديو
يمكن تكوين الشرائح من خلال تعيين Enum.ScaleType وخصائص الشرائح مباشرةً على علامة صورة أو زر، ولكن محرر 9 شرائح المدمج في الاستوديو أكثر سهولة في الاستخدام.
فتح المحرر
لفتح محرر 9 شرائح البصري في الاستوديو:

- اضبط خاصية ScaleType على Slice.

- انقر على خاصية SliceCenter التي تظهر، ثم انقر على … الموجودة داخل الصف.

- في النافذة التي تفتح، تتداخل 4 خطوط حمراء مع الصورة، تمثل حواف الشرائح. كما يتم عرض حجم الصورة المصدر.

تعيين العمليات
في الاستوديو، قم بسحب الخطوط الحمراء لتعيين العمليات من الحافة اليسرى، اليمنى، العليا، والسفلية للصورة.

بينما تقوم بإعادة وضع خطوط السحب، يتم تحديث عنصر واجهة المستخدم تلقائيًا لعرض النتيجة.



