تصميم شرائح واجهة المستخدم 9

*This content is translated using AI (Beta) and may contain errors. To view this page in English, click here.

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

بدون 9 شرائح
مع 9 شرائح

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

صورة فرعيةالتكبير
1 3 7 9 (زوايا)بدون
2 8 (حواف أعلى/أسفل)أفقي
4 6 (حواف يسار/يمين)عمودي
5 (مركز)أفقي + عمودي

محرر الاستوديو

يمكن تكوين الشرائح من خلال تعيين Enum.ScaleType وخصائص الشرائح مباشرةً على علامة صورة أو زر، ولكن محرر 9 شرائح المدمج في الاستوديو أكثر سهولة في الاستخدام.

فتح المحرر

لفتح محرر 9 شرائح البصري في الاستوديو:

  1. حدد ImageLabel أو ImageButton مع إدخال معرف الأصل الصحيح في حقل الصورة الخاص بها.
  1. اضبط خاصية ScaleType على Slice.
  1. انقر على خاصية SliceCenter التي تظهر، ثم انقر على الموجودة داخل الصف.
  1. في النافذة التي تفتح، تتداخل 4 خطوط حمراء مع الصورة، تمثل حواف الشرائح. كما يتم عرض حجم الصورة المصدر.

تعيين العمليات

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

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

إعداد الشرائح
النتيجة على ImageLabel بحجم 500×200
إعداد الشرائح
النتيجة على ImageLabel بحجم 500×200
©2026 شركة Roblox Corporation. تُعد منصّة Roblox، وشعار Roblox وشعار "توسيع حدود المخيلة"، من ضمن علاماتنا التجارية المسجّلة وغير المسجّلة في الولايات المتحدة وبلدان أخرى.