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

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

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

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

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

الأزرار على الشاشة

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

1. في نافذة Explorer، مرر فوق StarterGui، انقر على زر ⊕، وأدخل ScreenGui.

2. مرر فوق ScreenGui الجديدة، انقر على زر ⊕، وأدخل إما TextButton أو ImageButton.

   

الأزرار على وجوه الأجزاء

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

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

1. في نافذة Explorer، مرر فوق الجزء، انقر على زر ⊕، وأدخل SurfaceGui.

2. مرر فوق SurfaceGui الجديدة، انقر على زر ⊕، وأدخل إما TextButton أو ImageButton.

   

   إذا لم تر الزر، حاول اختيار وجه مختلف (Top، Bottom، Front، Back، Left، أو Right) لخاصية Face الخاصة بـ SurfaceGui.

مظهر الزر

كل من TextButton و ImageButton ترث من GuiObject التي تحتوي على خصائص مثل BackgroundColor3، Rotation، و Size. تقبل الأزرار أيضًا معدلات المظهر الشائعة لمعظم كائنات واجهة المستخدم.

فريدة من نوعها لـ TextButton هي خصائص مختلفة لتغيير مظهرها البصري:

• FontFace — الخط المستخدم لعرض النص.
• Text — سلسلة النص المعروضة على الزر.
• TextSize — ارتفاع السطر للنص بالوحدات.
• TextColor3 — لون النص المعروض.

لدى ImageButton العديد من الخصائص لتغيير مظهرها البصري، بما في ذلك متغيرات الصورة عند التمرير والضغط للإشارة إلى تفاعل اللاعب مع الزر:

• Image — الصورة التي تظهر عندما لا يتفاعل اللاعب مع ImageButton.
• HoverImage — الصورة التي تظهر عندما يمرر اللاعب المؤشر فوق ImageButton.
• PressedImage — الصورة التي تظهر عندما ينقر/يضغط اللاعب على ImageButton.

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

يمكنك برمجة إجراء عندما يضغط اللاعب على زر عن طريق ربط الزر بحدث GuiButton.Activated، أو بـ GuiButton.SecondaryActivated للإدخال الثانوي عبر المنصات مثل النقر الأيمن على سطح المكتب والضغط الطويل على الهاتف المحمول. على سبيل المثال، عندما تقوم بربط 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)