الانتقال إلى المحتوى الرئيسي

كيفية إنشاء زر في بيغام: دليل مفصل

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

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

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

يمكننا أيضا تحديد عدة سمات للزر ، مثل الحجم واللون والموضع والنص وما إلى ذلك. بعد ذلك ، يمكننا استخدام الأقزام.رسم.المستقيم () والأقزام.رسم.طرق النص () لرسم الزر والنص عليه.

أخيرا ، يمكننا تحديد طريقة للتعامل مع أحداث الماوس ، مثل النقر فوق زر. للقيام بذلك ، يمكننا استخدام بيغام.طريقة الماوس.الحصول على () للحصول على إحداثيات الماوس الحالية ، والأقزام.طريقة الماوس.احصل على الضغط () للتحقق مما إذا كان قد تم الضغط على زر الماوس. إذا كانت إحداثيات الماوس داخل الزر وتم الضغط على زر الماوس ، فيمكننا تنفيذ الإجراءات اللازمة ، على سبيل المثال ، تغيير لون الزر أو أداء وظيفة معينة.

  1. خطوات إنشاء زر في بيغام
  2. قم بتنزيل المكتبات اللازمة وإنشاء نافذة
  3. إنشاء وظائف للزر
  4. تنفيذ العرض والضغط على الزر
  5. سؤال وجواب
  6. ما هي الوظيفة المستخدمة لإنشاء زر في بيغام?
  7. كيف يمكنني تحديد ما إذا كان قد تم الضغط على زر في بيغام?
  8. كيف يمكنني تغيير مظهر زر في الأقزام?

خطوات إنشاء زر في بيغام

  1. استيراد الوحدات اللازمة:
  2. إنشاء نافذة لعبة:
  3. إنشاء فئة للزر:
  4. حدد وظيفة عرض الزر:
  5. إنشاء مثيل من الزر:
  6. ابدأ دورة اللعبة الرئيسية:

الآن كل ما عليك فعله هو تنفيذ وظائف وطرق الزر حسب تقديرك بحيث يقوم بتنفيذ الإجراءات التي تحتاجها عند الضغط عليه.

قم بتنزيل المكتبات اللازمة وإنشاء نافذة

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

لتثبيت مكتبة بيغام ، يمكنك استخدام مدير حزمة النقطة ، قم بتشغيل الأمر التالي في سطر الأوامر:

بيب تثبيت بيغام

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

لإنشاء نافذة في بيغام ، بيغام.عرض.يتم استخدام وظيفة وضع الضبط() مع معلمات عرض النافذة وارتفاعها:

استيراد بيغام

بيغام.الحرف الأول () # أولا تهيئة بيغام

العرض ، الارتفاع = 800 ، 600 # اضبط عرض النافذة وارتفاعها

الشاشة = بيغام.عرض.تعيين الوضع ((العرض ، الارتفاع)) # إنشاء

أقزام.عرض.# تغيير عنوان النافذة

في هذا المثال ، يتم إنشاء نافذة بأبعاد 800 pixels 600 بكسل. الأقزام.عرض.تعيين كابتيون () وظيفة يسمح لك لتعيين عنوان النافذة ، في هذه الحالة ، "زر بلدي".

الآن ، لديك كل الأدوات اللازمة لإنشاء زر في بيغام. بعد ذلك ، سوف نضيف رمز إنشاء الزر ووظائفه.

إنشاء وظائف للزر

لإنشاء زر في بيغام ، تحتاج إلى تحديد الوظائف التي ستكون مسؤولة عن عرض والتفاعل معها. فيما يلي بعض الوظائف المفيدة التي يمكنك استخدامها عند إنشاء زر:

  • زر السحب () هي وظيفة لعرض زر على الشاشة. ستقبل هذه الوظيفة معلمات مثل الموضع والأبعاد والألوان ونص الزر.
  • تحقق من زر النقر () هي وظيفة للتحقق مما إذا كان قد تم الضغط على زر الماوس. ستأخذ هذه الوظيفة معلمة حدث النقر بالماوس وتحقق مما إذا كانت إحداثيات النقر داخل الزر.
  • زر التحديث () هي وظيفة سيتم استدعاؤها عند تحديث حلقة اللعبة. داخل هذه الوظيفة ، يمكنك تحديد كيفية تغيير مظهر الزر أثناء الأحداث المختلفة — الإشارة إلى الزر والضغط على الزر وغيرها.

عادة ما يتم دمج هذه الوظائف في فئة واحدة ، وهي كائن زر ، مع سماتها الخاصة (على سبيل المثال ، الموضع والأبعاد والألوان) والأساليب (على سبيل المثال ، العرض والتحديث ومعالجة الأحداث). هذا النهج يجعل من السهل لإدارة والتفاعل مع زر في التعليمات البرمجية وجعلها أكثر قابلية للفهم.

تنفيذ العرض والضغط على الزر

لتنفيذ العرض والنقر على زر في بيغام ، يمكنك استخدام الخوارزمية التالية:

  1. قم بإنشاء متغير يتتبع حالة الزر (على سبيل المثال ، الضغط عليه أو عدم الضغط عليه).
  2. إنشاء وظيفة لعرض الزر. داخل هذه الوظيفة ، حدد أبعاد الزر وألوانه ونصه.
  3. في حلقة البرنامج الرئيسية ، اتصل بوظيفة عرض الزر.
  4. أضف معالجة الأحداث للتحقق مما إذا كان قد تم الضغط على زر الماوس وما إذا كان المؤشر أعلى الزر. إذا تم استيفاء الشروط ، قم بتغيير حالة الزر وقم بتنفيذ الإجراءات اللازمة.
  5. قم بتغيير حالة الزر أثناء الضغط على مفتاح الماوس وتحريره.

يوجد أدناه نموذج رمز يوضح تنفيذ العرض والنقر فوق الزر:

استيراد بيغام

نظام الاستيراد

# تهيئة الأقزام

بيغام.الحرف الأول()

# نافذة التحجيم

عرض الشاشة = 800

شاشة_ارتفاع = 600

الشاشة = بيغام.عرض.تعيين الوضع ((عرض الشاشة ، ارتفاع الشاشة))

# كشف اللون

أبيض = (255 ، 255 ، 255)

الأحمر = (255 ، 0 ، 0)

# Определение размеров и положения кнопки

زر_عرض = 200

زر_ارتفاع = 100

عرض الشاشة / / 2-عرض الزر / / 2

زر_ = شاشة_ارتفاع / / 2 - زر_ارتفاع / / 2

# Переменная для отслеживания состояния кнопки

زر_ضغط = خطأ

# Функция для отображения кнопки

زر السحب ():

إذا زر_ضغط:

بيغام.رسم.ريكت (الشاشة ، الأحمر ، (زر_س ، زر_س ، زر_عرض ، زر_ارتفاع))

آخر:

بيغام.رسم.مستقيما (شاشة ، أبيض ، (زر_س ، زر_س ، زر_عرض ، زر_ارتفاع))

الخط = بيغام.الخط.الخط (لا شيء ، 36)

النص = الخط.تقديم ("Кнопка" ، صحيح ، (0 ، 0 ،0))

نص_صحيح = نص.الحصول على (مركز = (زر_س + زر_عرض / / 2 ، زر_ي + زر_ارتفاع / / 2))

الشاشة.بليت (نص ، نص_مباشر)

# Основной цикл программы

بينما صحيح:

الشاشة.ملء((0 ، 0 ، 0))

# Отображение кнопки

رسم_زر ()

# Обработка событий

للحدث في بيغام.حدث.الحصول على():

إذا حدث.اكتب = = بيغام.إنهاء:

بيغام.إنهاء()

سيس.خروج()

الحدث أليف.اكتب = = بيغام.الماوس:

...........فأر.الحصول على()

if button_x <= mouse_x <= button_x + button_width and button_y <= mouse_y <= button_y + button_height:

button_pressed = True

elif event.type == pygame.MOUSEBUTTONUP:

button_pressed = False

pygame.display.update()

Приведенный выше код создает окно pygame и отображает кнопку «Кнопка» посередине окна. Кнопка меняет свой цвет при нажатии на нее и отпускании клавиши мыши.

Вопрос-ответ

ما هي الوظيفة المستخدمة لإنشاء زر في بيغام?

لإنشاء زر في بيغام ، يمكنك استخدام بيغام.رسم.المستقيم () وظيفة.

كيف يمكنني تحديد ما إذا كان قد تم الضغط على زر في بيغام?

لتحديد ما إذا كان قد تم الضغط على زر في بيغام ، يمكنك استخدام بيغام.طريقة الماوس.الحصول على الضغط ().

كيف يمكنني تغيير مظهر زر في الأقزام?

لتغيير مظهر زر في بيغام ، يمكنك استخدام أساليب الرسم المختلفة والوظائف ، على سبيل المثال ، بيغام.رسم.المستقيم () ، بيغام.رسم.دائرة () وغيرها.