فئات الأحداث: - كتاب المهارات الرقمية - الصف 9 - الفصل 1 - المملكة العربية السعودية

الكتاب: كتاب المهارات الرقمية - الصف 9 - الفصل 1 | المادة: المهارات الرقمية | المرحلة: الصف 9 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

الدرس: فئات الأحداث:

📚 معلومات الصفحة

الكتاب: كتاب المهارات الرقمية - الصف 9 - الفصل 1 | المادة: المهارات الرقمية | المرحلة: الصف 9 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

نوع المحتوى: درس تعليمي

📝 ملخص الصفحة

📚 التعامل مع أحداث الفأرة ولوحة المفاتيح

المفاهيم الأساسية

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

الصيغة: `widget.bind(event, handler)` حيث `event` هو وصف الحدث و`handler` هو المعامل (الدالة) الذي يتم استدعاؤه عند وقوع الحدث.

خريطة المفاهيم

```markmap

بناء واجهات المستخدم الرسومية (GUI) بلغة بايثون

النموذج البرمجي تيكينتر (tkinter)

وظيفته

  • يحتوي على نصوص برمجية جاهزة
  • يستخدم لرسم أشكال ورسومات على نافذة

المكون الأساسي: لوحة الرسم (Canvas)

  • منطقة مستطيلة للرسم
  • يمكن وضع رسومات أو نصوص أو عناصر واجهة فيها
#### نظام إحداثيات لوحة الرسم

##### الفرق عن النظام الديكارتي

  • الأصل (0،0) في الزاوية اليسرى العليا
  • إحداثيات x: تزيد باتجاه اليمين (مثل النظام الديكارتي)
  • إحداثيات y: تزيد باتجاه الأسفل (عكس النظام الديكارتي)
##### النموذج الأساسي

  • البكسل
  • الإحداثيات تُعبر عنها كأعداد صحيحة

خطوات إنشاء نافذة الرسم

1. استيراد النموذج

2. إنشاء النافذة الأساسية

3. ضبط لوحة الرسم (الحجم واللون)

4. وضع العناصر على النافذة

#### رسم الخطوط

##### الدالة

  • canvas.create_line(x-start, y-start, x-end, y-end)
##### المعاملات

  • إحداثيات x و y لبداية ونهاية الخط
  • يمكن استخدام عوامل تعيئة وعرض "القلم"
##### أمثلة عملية

###### رسم خطين متقاطعين

  • خط أحمر عريض من (10,10) إلى (100,100)
  • خط ذهبي أقل عرضاً من (10,100) إلى (100,10)
###### رسم خطوط أفقية متعددة باستخدام حلقة

  • إنشاء 10 خطوط برتقالية أفقية
  • عرض الخط يزداد مع كل تكرار (width=i)
  • المسافة بين الخطوط 15 بكسل (i*15)

تحديد الألوان في تيكينتر

الطريقة الأولى: الأسماء المعيارية

  • أبيض، أسود، أحمر، أزرق، أخضر، سماوي، أصفر، أرجواني

الطريقة الثانية: نموذج RGB

  • تحديد اللون باستخدام 3 أرقام تمثل نسب الأحمر والأخضر والأزرق
#### خصائص نموذج RGB

  • كل لون (أحمر، أخضر، أزرق) له قيمة بين 0 و 255
  • مثال: الأحمر = (255,0,0)، الأخضر = (0,255,0)، الأزرق = (0,0,255)

التعامل مع أحداث الفأرة ولوحة المفاتيح

ربط الأحداث

  • الصيغة: widget.bind(event, handler)

فئات الأحداث الرئيسية

#### أحداث الفأرة

  • : زر الفأرة الأيسر
  • : الضغط المزدوج على زر الفأرة الأيسر
  • : إدخال مؤشر الفأرة إلى نافذة تيكينتر
  • : إخراج مؤشر الفأرة من نافذة تيكينتر
#### أحداث لوحة المفاتيح

```

نقاط مهمة

  • يتم ربط الأحداث باستخدام الدالة `.bind()`.
  • يجب كتابة وصف الحدث بين أقواس زاوية مثل ``.
  • عند وقوع الحدث، يتم استدعاء المعامل (الدالة) المحدد مع كائن يصف الحدث.

📋 المحتوى المنظم

📖 محتوى تعليمي مفصّل

نوع: محتوى تعليمي

شغل المقطع البرمجي الآتي، ماذا تلاحظ؟

نوع: محتوى تعليمي

from tkinter import * window=TK() canvas=Canvas(bg="teal",width=600, height=600) canvas.pack() canvas.create_line(0,100,400,100,fill="white", dash=100) canvas.create_line(0,200,400,200,fill="white", dash=1) window.mainloop()

نوع: محتوى تعليمي

التعامل مع أحداث الفأرة ولوحة المفاتيح

نوع: محتوى تعليمي

يمكنك ربط دوال وطرق بايثون لكل عنصر في واجهة مستخدم بالأحداث. على سبيل المثال، لمطابقة أحداث المستخدم مع عنصر واجهة المستخدم ستحصل على النتيجة الآتية: (event, handler) .widget.bind إذا كان هناك حدث وصف الحدث في عنصر واجهة المستخدم، يتم استدعاء المعامل المحدد مع كائن كان يصف الحدث.

فئات الأحداث:

نوع: محتوى تعليمي

فئات الأحداث:

نوع: محتوى تعليمي

نوع: NON_EDUCATIONAL

وزارة التعليم Ministry of Education 2025 - 1447

نوع: METADATA

175

📄 النص الكامل للصفحة

شغل المقطع البرمجي الآتي، ماذا تلاحظ؟ from tkinter import * window=TK() canvas=Canvas(bg="teal",width=600, height=600) canvas.pack() canvas.create_line(0,100,400,100,fill="white", dash=100) canvas.create_line(0,200,400,200,fill="white", dash=1) window.mainloop() التعامل مع أحداث الفأرة ولوحة المفاتيح يمكنك ربط دوال وطرق بايثون لكل عنصر في واجهة مستخدم بالأحداث. على سبيل المثال، لمطابقة أحداث المستخدم مع عنصر واجهة المستخدم ستحصل على النتيجة الآتية: (event, handler) .widget.bind إذا كان هناك حدث وصف الحدث في عنصر واجهة المستخدم، يتم استدعاء المعامل المحدد مع كائن كان يصف الحدث. --- SECTION: فئات الأحداث: --- فئات الأحداث: وزارة التعليم Ministry of Education 2025 - 1447 175

🎴 بطاقات تعليمية للمراجعة

عدد البطاقات: 3 بطاقة لهذه الصفحة

في مكتبة tkinter في بايثون، ما هي الطريقة المستخدمة لربط دالة معينة بحدث معين يحدث على عنصر واجهة المستخدم؟

  • أ) طريقة .pack()
  • ب) طريقة .mainloop()
  • ج) طريقة .bind()
  • د) طريقة .create_line()

الإجابة الصحيحة: c

الإجابة: طريقة .bind()

الشرح: 1. في مكتبة tkinter، تُستخدم الطريقة `.bind()` لربط حدث (event) بدالة معالجة (handler). 2. الصيغة العامة هي: `widget.bind(event, handler)`. 3. عند حدوث الحدث المحدد على عنصر واجهة المستخدم (widget)، يتم استدعاء الدالة handler.

تلميح: تتعلق هذه الطريقة بربط حدث (مثل النقر بالفأرة) بدالة معالجة.

التصنيف: صيغة/خطوات | المستوى: سهل

ما هو الغرض الأساسي من استخدام الطريقة `.bind()` في مكتبة tkinter لبايثون؟

  • أ) تحديد أبعاد النافذة الرئيسية للتطبيق.
  • ب) تغيير لون خلفية عنصر واجهة المستخدم.
  • ج) ربط حدث معين (مثل نقر الفأرة) بدالة معالجة مسؤولة عن تنفيذ استجابة لذلك الحدث.
  • د) رسم أشكال هندسية على لوحة الرسم (Canvas).

الإجابة الصحيحة: c

الإجابة: ربط حدث معين (مثل نقر الفأرة) بدالة معالجة مسؤولة عن تنفيذ استجابة لذلك الحدث.

الشرح: 1. تتيح طريقة `.bind()` للمبرمج جعل تطبيقات واجهة المستخدم تفاعلية. 2. تربط حدثًا محددًا (مثل `<Button-1>` للنقر بالفأرة أو `<KeyPress>` لضغط مفتاح) بدالة (function) يكتبها المبرمج. 3. عند وقوع الحدث، يتم تنفيذ الكود الموجود داخل الدالة المرتبطة به، مما يسمح للبرنامج بالاستجابة لإجراءات المستخدم.

تلميح: تربط بين فعل المستخدم (حدث) ورد فعل البرنامج (دالة).

التصنيف: مفهوم جوهري | المستوى: متوسط

في سياق برمجة واجهات المستخدم باستخدام tkinter، ما الذي يمثله المعامل 'handler' في الصيغة `widget.bind(event, handler)`؟

  • أ) اسم المتغير الذي سيخزن نتيجة الحدث.
  • ب) اسم الدالة (أو الطريقة) التي سيتم استدعاؤها عند وقوع الحدث المحدد.
  • ج) النافذة الرئيسية التي سيظهر فيها الحدث.
  • د) النص الذي سيظهر للمستخدم عند وقوع الحدث.

الإجابة الصحيحة: b

الإجابة: اسم الدالة (أو الطريقة) التي سيتم استدعاؤها عند وقوع الحدث المحدد.

الشرح: 1. في صيغة ربط الحدث `widget.bind(event, handler)`، يمثل `handler` الدالة المسؤولة عن معالجة الحدث. 2. هذه الدالة يكتبها المبرمج وتحتوي على التعليمات التي يجب تنفيذها كاستجابة لحدث المستخدم (مثل النقر أو الضغط على مفتاح). 3. عند وقوع الحدث `event`، يقوم tkinter باستدعاء الدالة `handler` تلقائيًا.

تلميح: هو الجزء الذي يحتوي على التعليمات البرمجية التي تريد تنفيذها كرد فعل.

التصنيف: تعريف | المستوى: متوسط