MIT ListView

الدرس: القوائم في MIT App Inventor
ListView + Items + Global Variable + Initialization
🎯 هدف الحصة
نفهم القوائم ثم نطبق ListView خطوة بخطوة
List Items Global Variable Screen.Initialize
🧠 تسلسل ذهبي للحفظ
List Elements Selection
الفكرة: نحضّر القائمة → نعرضها في ListView → نقرأ ما اختاره الطالب.
1) لنتذكر (Warm-up)
سؤال 1
ما هي خطوات إنشاء مشروع جديد في برنامج MIT App Inventor؟
سؤال 2
كيف نتمكن من وضع الزر في وسط الشاشة؟؟
سؤال 3
كيف نتمكن من إضافة شاشة جديدة؟؟
✅ نشاط سريع: اطلب من طالب/طالبين يجاوبوا، ثم ننتقل للقوائم.
2) ما هي القوائم؟ ولماذا نستخدمها؟
✅ تعريف بسيط
القوائم: هي نوع من تراكيب البيانات نستخدمها لإنشاء وإدارة مجموعات مختلفة من القيم (العناصر).
🎯 لماذا نستخدمها؟
  • لتجميع عناصر كثيرة بدل كتابة كل عنصر لوحده.
  • لتسهيل الاختيار على المستخدم.
  • لتنظيم البيانات داخل التطبيق.
🌍 مثال من الواقع (واضح للطالب)
عندما تقدم طلب (تسجيل / توصيل / استمارة) تجد قائمة لاختيار الدولة أو الجنسية (ListView) مثل: Qatar, Jordan, Egypt...
3) التطبيق العملي (Design)
نبدأ من التصميم ثم ننتقل للـ Blocks.
ملاحظة: Items تعني “عناصر القائمة” (مثل أسماء الدول).
4) التطبيق العملي (Blocks) خطوة بخطوة
سنبني القائمة من Built-in → Lists ثم نضيف نصوص العناصر من Text.
5) مثال تفاعلي (شكل تلفون): اختيار الدول
مثال يوضح فكرة ListView: اختر دولة، ثم يظهر اختيارك في Label.
📌 ماذا يمثل هذا المثال؟
  • Items: أسماء الدول داخل القائمة.
  • ListView.Elements: عرض الدول داخل القائمة.
  • Selection: الدولة التي اختارها المستخدم.
  • Label: مكان عرض الاختيار.
  • Initialization: تجهيز القائمة عند تشغيل الشاشة.
يمكنك تغيير الدول كما تريد (Egypt, Qatar, Jordan, …).
Choose your country
ListView Demo
Tap one item:
Label: No selection yet.
✅ سؤال سريع للتأكد من الفهم
لماذا نستخدم Global Variable لقائمة items؟
جاهز للتدريس: افتح الأقسام حسب ترتيبها، واظهر الخطوات واحدة واحدة أثناء الشرح.
Comments