الدرس الرابع

الكائنات Objects + الأحداث Events

الكائنات Objects

كما أسلفنا في الدرس السابق فإن لغة الـ VB.Net مبنية بالكامل على مفهوم البرمجة الشيئية أو البرمجة بالكائنات. لن نتطرق هنا إلى شرح البرمجة الشيئية Object Oriented Programming فهي ليست موضوع حديثنا, ولكننا سنتطرق إلى كيف تتعامل لغتنا مع الكائنات.

كل ماتستخدمه في لغتنا هذه هو كائن Object. فالمتغيرات والنماذج وغيرها هي كائنات حيث أن لكل كائن سمات(خصائص) properties.

بالمثال المبسط التالي ستتضح الصورة:

لنفرض أن لدينا طالب Student. هذا الطالب هو كائن (شيء) وله خصائص عديدة منها على سبيل المثال: الاسم Name,

 العمر Age..الخ

الآن  سنقوم بتمثيل الكائن وسماته باستخدام كود VB.Net  والطريقة كالتالي:

ObjectName . Property

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

لنطبق ذلك على الكائن المعرف أعلاه Student:

Student . Name

Student . Age

 هذه الأسطر البرمجية ستتيح لك القيم الموجودة في الاسم والعمر الخاصة بطالب معين.

لملء هذه القيم (الخصائص) في حال كونها فارغة قم بالآتي على سبيل المثال:

Student . Name = Ahmed

Student . Age = 20

الأحداث Events

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

يعدّ النقر click على زر Button ما أحد أشهر وأكثر الأحداث شيوعا واستخداما. حيث أن المستخدم بنقره على الزر يكون قد استدعى حدثا ما.

لاستدعاء الأحداث أربع طرق هي:

1- تفاعل المستخدم مع البرنامج.

2- يستطيع الكائن تشغيل الحدث الخاص به إذا لزم الأمر.

3- يستطيع نظام التشغيل تشغيل الأحداث.

4- تشغيل الأحداث باستخدام كود برمجي.

أكثر مايهمنا من هذه الأنواع هو النوع الأول. وستتعلم في التطبيق التالي كيف تقوم بحدث معين.

مثال تـطبـيـقي -1-

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

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

1- قم بفتح مشروع جديد Windows Application كما تعلمت في الدرس الثاني. أو بإمكانك الذهاب إلى قائمة File--> New -->Project

2-  قم بتسمية المشروع باسم Project1  على سبيل المثال.

3- اضغط بزر الفأرة الأيسر على النموذج form ثم من نافذة الخصائص Properties الموجودة على يمين صفحة التطبيق ( تم توضيحها في الدرس الثاني ويمكن مشاهدتها على يمين الشاشة بعد ضغط الزر F4  من لوحة المفاتيحkeyboard) من هذه الخصائص قم بتغيير اسم النموذج Name إلى c4arab على سبيل المثال.

4- من قائمة View اختر Solution Explorer أو اختصارا اضغط الأزرار Ctrl+Alt+L  وستشاهد هذه القائمة محل شاشة الخصائص على اليمين. الآن اضغط بالزر الأيمن للفأرة على كلمة Project1  التي هي اسم مشروعك واختر properties وستظهر لك هذه الشاشة:

اضغط على القائمة Startup object الموضحة في الصورة ومنها اختر c4arab ثم اضغط الزر Apply ثم OK

5- أضف ثلاثة أزرار للفورم بالضغط على أداة الزر Button الموجودة في يسار الشاشة في صندوق الأدوات toolbox وإذا شئت قم بالآتي:

من قائمة الخواص properties غير خاصية Text للأزرار الثلاثة بحيث تجعل إحداهن Enlarge أي تكبير والآخر Shrink أي تصغير والثالث Exit.

6- الآن انقر مرتين متتاليتين double click على الزر Enlarge وستنتقل إلى الكود البرمجي الخاص بهذا الزر. قم بكتابة السطر التالي ولكن لاتضغط زر Enter أو تضيف مسافة بعد كتابة النص لكي  أريك شيئا ما:

me .

* ستشاهد في الكود مايلي:

Private Sub Button1_Click

لاحظ جيدا Button1_Click حيث أن الحدث الذي يتم إجراؤه على الزر هو Click.

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

للمعلومية, هذه القوائم المنسدلة تسمى قوائم IntelliSense .

الآن أكمل كتابة الكود البرمجي كما يلي:

me . width = me . width + 30

me. height = me . height + 30

السطر الأول يقوم بزيادة عرض width الفورم بمقدار 30 أما السطر الثاني فيقوم بزيادة الارتفاع height.

الآن قم بالعودة إلى الفورم (شاشة التصميم Design ) كما هو موضح في الصورة:

7- انقر الآن نقرا مزدوجا على الزر الثاني Shrink بحيث تنتقل إلى الكود البرمجي واكتب الأوامر التالية:

me . width = me . width - 30

me . height = me . height - 30

ثم قم بالرجوع مرة أخرى إلى شاشة التصميم Design كما في الخطوة أعلاه.

8- قم بالنقر مرتين على الزر الثالث Exit واكتب الأمر التالي:

 me . close

 حيث يقوم هذا الأمر بإغلاق التطبيق عند الضغط على هذا الزر.

أخيرا..قم بالرجوع مرة أخيرة إلى شاشة التصميم Design ثم قم بتنفيذ برنامجك بالضغط على زر F5.

الآن جرب أن تضغط على الزر Enlarge عدة مرات  ثم Shrink وللخروج اضغط Exit.

شاهدنا في المثال أعلاه كيف ان الفورم هو كائن له من الخصائص(السمات) على سبيل المثال: العرض width والارتفاع height  وقمنا بالدخول على هذه الخصائص وتعديلها كما رغبنا.

كما قمنا - كمستخدمين للبرنامج - بتشغيل حدث click النقر على الأزرار بالتفاعل مع البرنامج كما في الطريقة الأولى في الأحداث أعلاه.

الكائنات Objects + الأحداث Events