أزرار نص وصورة

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

هناك نوعان من الأزرار التي يمكنك وضعها على الشاشة أو داخل التجربة:

• TextButton هو مستطيل يحتوي على نص يقوم بتفعيل حدث Activated عند النقر/اللمس.

• ImageButton هو مستطيل يحتوي على صورة يقوم بتفعيل حدث Activated عند النقر/اللمس. يحتوي على حالات إضافية لتغيير الصورة عند تمرير المستخدم فوقها أو الضغط عليها.

إنشاء أزرار على الشاشة

تعد الأزرار الموجودة على الشاشة مفيدة لتوجيه المستخدمين بسرعة إلى قوائم أو صفحات متنوعة.

لإضافة زر إلى الشاشة:

1. في نافذة Explorer، حدد StarterGui وأضف ScreenGui.

   1. مرر فوق StarterGui وانقر على زر ⊕ . ستظهر قائمة سياقية.

   2. أدخل ScreenGui.

2. حدد ScreenGui الجديدة وأضف زرًا.

   1. مرر فوق ScreenGui وانقر على زر ⊕ . ستظهر قائمة سياقية.

   2. أدخل إما TextButton أو ImageButton.

   

إنشاء أزرار على وجوه الأجزاء

تعد الأزرار الموجودة على الأجزاء مفيدة للسماح للمستخدمين بالتفاعل مع الأجزاء. على سبيل المثال، يمكنك السماح للمستخدمين بالوقوف على زر لإكمال إجراء.

لإضافة زر إلى وجه جزء:

1. في نافذة Explorer، حدد الجزء وأضف SurfaceGui.

   1. مرر فوق الجزء وانقر على زر ⊕ . ستظهر قائمة سياقية.

   2. أدخل SurfaceGui.

2. حدد SurfaceGui الجديدة وأضف أي نوع من الأزرار أو الإدخال.

   1. مرر فوق SurfaceGui وانقر على زر ⊕ . ستظهر قائمة سياقية.

   2. أدخل إما TextButton أو ImageButton.

   

   إذا لم ترَ الزر، حاول اختيار وجه مختلف في خاصية Face الخاصة بـ SurfaceGui.

تغيير مظهر ImageButton

تغيير مظهر ImageButton عندما يتفاعل المستخدم معه يوفر ردود فعل مرئية مفيدة. على سبيل المثال، عندما يتغير مظهر ImageButton عند تمرير المستخدم فوقه، فإنه يُظهر للمستخدم أنه غير معطّل وأن لديهم الخيار للنقر عليه إذا رغبوا في تنفيذ إجراء ImageButton.

يمتلك ImageButton ثلاثة خصائص لتغيير مظهره المرئي:

• Image - الصورة التي تظهر عندما لا يتفاعل المستخدم مع ImageButton.

• HoverImage - الصورة التي تظهر عندما يقوم المستخدم بتمرير المؤشر فوق ImageButton.

• PressedImage - الصورة التي تظهر عندما يقوم المستخدم بالنقر على ImageButton.

لتغيير مظهر ImageButton بإدخال من المستخدم:

1. أضف ImageButton إلى الشاشة أو السطح.

2. في نافذة Explorer، انقر على كائن ImageButton.

3. في نافذة Properties، قم بتعيين ثلاثة معرفات أصول مختلفة لكل من خصائص Image وHoverImage وPressedImage.

برمجة الأزرار

يمكنك برمجة إجراء عندما يضغط المستخدم على زر عن طريق ربط الزر بحدث GuiButton.Activated. على سبيل المثال، عندما تقوم بتعيين LocalScript التالية كأب لزر، سيتغير الزر إلى لون عشوائي في كل مرة ينقر فيها المستخدم عليه.

local button = script.Parent
local RNG = Random.new()
local function onButtonActivated()
	-- عشوائي تغيير لون الزر
	button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end
button.Activated:Connect(onButtonActivated)