om naser_64
10-20-2007, 05:38 PM
الدرس الاول
شرح قوائم البرنامج
نبدأ بعون الله سلسلة من الدروس المخصصة لفيجوال بيسيك للمبتدئين ، حيث سنقوم بإذن الله بالبداية من الصفر وباعتبار أن قارئ الدرس ليس لديه خلفية عن لغة البرمجة فيجوال بيسيك ولكن لديه خلفية ولو بسيطة عن إحدى لغات البرمجة .
------------------
أي لغة برمجة من النوع المرئي الـ Visual يجب إتقان شيئين لتعامل معها ، أولاً تعلم أساسيات إضافة العناصر المكونة للمشروع وإزالتها وتعديل خصائصها ، والشيء الآخر هو إتقان أوامر تلك اللغة .
أو بمعنى آخر هناك جزء نقوم برسمه باستخدام الفأرة ونعدله حسب رغبتنا ، وجزء آخر نقوم بكتابة الأوامر البرمجية فيه للتحكم بما تم رسمه في الخطوة السابقة .
لكن قبل ذلك كله لنقوم بجولة داخل البرنامج أو لغة البرمجة التي سيتم التعامل معها .
جولة داخل الفيجوال بيسيك :
عند تشغيل الفيجوال بيسيك ، تظهر شاشة البرنامج الرئيسية وهي مألوف لدى الغالبية لأنها تشبه كثير من البرامج مثل الوورد والرسام وغيرها من البرامج .
يمكن تقسيم شاشة الفيجوال بيسيك إلى الأجزاء التالية :
1) شريط القوائم Menubar :
http://www.vb-pro.net/lessons/1/menubar.gif
تحتوي القوائم على الأوامر التي يتم استخدامها لحفظ مكونات مشروع فيجوال بيسيك وكذلك أومر التنسيق وغيرها .
2) شريط الأدوات Toolbar :
http://www.vb-pro.net/lessons/1/toolbar.gif
يحتوي هذا الشريط على أزرار تقوم بنفس وظائف أوامر موجودة شريط القوائم ، وتستخدم للوظائف التي تستعمل بشكل مكرر .
3) النموذج أو الفورم Form :
http://www.vb-pro.net/lessons/1/form.gif
هذا هو أحد أفراد عائلة مشروع فيجوال بيسيك ويمكن اعتباره أهم فرد ، حيث يتم وضع الأدوات الأخرى عليه ، وهو بمثابة الحاوية لأشياء أخرى .
http://www.vb-pro.net/lessons/1/toolbox.gif
الأدوات الموجودة به هي في الحقيقة التي تقوم بالوظائف المطلوبة من البرنامج ، وتوجد أداة لكل غرض مثل أداة لإدخال نص وأداة أخرى لوضع صورة بداخلها وأخرى .... .
5) نافذة الخصائص Properties Window :
http://www.vb-pro.net/lessons/1/properties.gif
يتم في هذه النافذة تعديل خصائص أي عنصر موجود على النموذج أو النموذج نفسه ، مثلاً لو أردنا وضع صورة في أداة الصور فإننا سنحتاج لتعديل أحد خصائص أداة الصورة لنخبر البرنامج بمكان الصورة .
6) نافذة المشروع Project Window :
http://www.vb-pro.net/lessons/1/project.gif
تحتوي هذه النافذة على الأشياء المكونة للمشروع ، وتوجد أشياء كثيرة يمكن أن يحتويها المشروع ولكن يجب أن تكون على الأقل شيء واحد ، بشكل آخر يجب أن لا يكون المشروع فارغ ولا يحتوي على أي شيء .
--------------------------------------------
تلك كانت جولة سريعة لما يمكن أن نراه في شاشة الفيجوال بيسيك وما سنتعود عليه بعد فترة من استخدامنا للغة البرمجة .
الآن سنقسم بدايتنا الفعلية للبرمجة إلى مهام لكي تسهل العملية :
لكي نبدأ بداية صحيحة مع البرمجة يجب أن نستوعب ميكانيكية اشتغال أي برنامج وهي الأسلوب أو النهج الذي يتبعه البرنامج عند تنفيذه ، فنقوم أولاً برسم الأشياء المطلوبة للبرنامج وذلك بسحبها من صندوق الأدوات إلى النموذج ونقوم بتعديل خصائصها ، ثم نقوم بكتابة كود في مرتبط بكل أداة تم رسمها أو بعض الأدوات ، ولكن السؤال أين يتم وضع ذلك الكود ؟
يمكن تصور العملية بالشكل التالي :
نقوم برسم أشياء وتعديل خصائصها Properties .
كل أداة يكون مرتبط بها أشياء تحدث استجابة للمستخدم ، مثلاً إدخال نص في مربع نص وهذا ما يسمى أحداث Events .
نقوم بكتابة الكود المرتبط مع حدث معين ونقوم بتنفيذ مهام معينة وهي ما يطلق عليه Methods .
نستنتج أن أول عملية يجب القيام بها هي عملية رسم الأدوات وتعديل خصائصها ، لذلك سنقوم بدراسة الجزء الأول في هذه المشاركة ونترك الجزئين الأخيرين في المشاركة القادمة .
--------------------------------------------
عند تشغيل فيجوال بيسيك للمرة الأولى ستظر شاشة تسأل عن نوع المشروع المراد البدء فيه :
http://www.vb-pro.net/lessons/1/startscreen.gif
نحدد في هذه الشاشة نوع المشروع ، حيث يوجد أنواع كثيرة مثلاً مشروع قياسي وهو كالبرامج العادية التي نستخدمها وتكون على هيئة ملف من النوع EXE وكذلك يوجد مشروع لبرمجة ملف من نوع DLL أو OCX ما يهمنا هو النوع الأول نحدده ونضغط على Open .
يوجد خيار بأسفل الشاشة السابقة عند تحديده فلن تظهر هذه الشاشة في المرة القادمة لتشغيل فيجوال بيسيك ، وسنذكر طريقة إرجاع هذه الخيار لكي تظهر هذه الشاشة عند بدء تشغيل الفيجوال بيسيك .
إذا كان قد تم تحديد هذا الخيار مسبقاً فإننا نريد البدء في مشروع جديد ولذلك نذهب لقائمة File ونختار New Project :
http://www.vb-pro.net/lessons/1/newproject1.gif
فتظهر نفس الشاشة التي ظهرت عند تشغيل الفيجوال بيسيك لأول مرة ولكن سيكون شكلها مختلف بعض الشيء :
http://www.vb-pro.net/lessons/1/newproject2.gif
الآن بعد أن تم بدء مشروع جديد ، نفترض أنه لم تظهر أي من الشاشات التي تم ذكرها سابقاً (نافذة المشروع ، نافذة الخصائص و صندوق الأدوات) ، فهل هناك طريقة لعرضهم من جديد على الشاشة ؟
توجد طريقتين لعمل ذلك ، إما من خلال شريط القوائم أول من خلال شريط الأدوات :
http://www.vb-pro.net/lessons/1/viewmenu.gif
حيث الاختيار (1) لعرض نافذة المشروع ، والخيار (2) لعرض نافذة الخصائص ، والخيار (3) لعرض صندوق الأدوات .
بشكل افتراضي عند بدء مشروع جديد فإن الفيجوال بيسيك تقوم بإضافة نموذج (Form) جديد وتسميه Form1 ، ويمكن معاملة النموذج وكأنه المساحة التي سيتم العمل بها ، ويمكن أن يكون هناك أكثر من نموذج في المشروع .
نأخذ أول الأساسيات وهي التعامل مع النموذج :
1) لإضافة نموذج جديد نختار Add Form من قائمة Project أو نقوم بعرض نافذة المشروع ونضغط بالزر الأيمن في أي مكان من نافذة المشروع ونختار الخيار Add ثم Form ، فكلا الحالتين ستظهر ناذفة إضافة نموذج جديد وهي كالتالي :
http://www.vb-pro.net/lessons/1/newform.gif
نجد في هذه الشاشة أنواع عديدة للنماذج تم تصميمها مسبقاً ، ما يهمنا حالياً هو النوع Form حيث يقوم بإضافة نموذج فارغ فقط ، يوجد خيار بأسفل الشاشة بتحديده فإنه لن يتم عرض هذه الشاشة عند إضافة نموذج جديد بل سيتم إضافة نموذج فارغ مباشرةً .
كذلك يوجد التبويب Exising ويستخدم لإضافة نموذج موجود مسبقاً في الجهاز .
نحدد النوع Form ونضغط زر Open .
نلاحظ أنه تم إضافة عنصر جديد في نافذة المشروع تحت الاسم Form2 ، وهو النموذج الذي قمنا بإضافته .
2) لحذف نموذج من المشروع لم نعد بحاجة له ، مثلاً Form1 ، نقوم بتحديده من خلال نافذة المشروع ونقوم باختيار Remove Form2 من قائمة Project أو نقوم بالضغط على اسم النموذج في نافذة المشروع بالزر الأيمن واختيار Remove Form2 .
شرح قوائم البرنامج
نبدأ بعون الله سلسلة من الدروس المخصصة لفيجوال بيسيك للمبتدئين ، حيث سنقوم بإذن الله بالبداية من الصفر وباعتبار أن قارئ الدرس ليس لديه خلفية عن لغة البرمجة فيجوال بيسيك ولكن لديه خلفية ولو بسيطة عن إحدى لغات البرمجة .
------------------
أي لغة برمجة من النوع المرئي الـ Visual يجب إتقان شيئين لتعامل معها ، أولاً تعلم أساسيات إضافة العناصر المكونة للمشروع وإزالتها وتعديل خصائصها ، والشيء الآخر هو إتقان أوامر تلك اللغة .
أو بمعنى آخر هناك جزء نقوم برسمه باستخدام الفأرة ونعدله حسب رغبتنا ، وجزء آخر نقوم بكتابة الأوامر البرمجية فيه للتحكم بما تم رسمه في الخطوة السابقة .
لكن قبل ذلك كله لنقوم بجولة داخل البرنامج أو لغة البرمجة التي سيتم التعامل معها .
جولة داخل الفيجوال بيسيك :
عند تشغيل الفيجوال بيسيك ، تظهر شاشة البرنامج الرئيسية وهي مألوف لدى الغالبية لأنها تشبه كثير من البرامج مثل الوورد والرسام وغيرها من البرامج .
يمكن تقسيم شاشة الفيجوال بيسيك إلى الأجزاء التالية :
1) شريط القوائم Menubar :
http://www.vb-pro.net/lessons/1/menubar.gif
تحتوي القوائم على الأوامر التي يتم استخدامها لحفظ مكونات مشروع فيجوال بيسيك وكذلك أومر التنسيق وغيرها .
2) شريط الأدوات Toolbar :
http://www.vb-pro.net/lessons/1/toolbar.gif
يحتوي هذا الشريط على أزرار تقوم بنفس وظائف أوامر موجودة شريط القوائم ، وتستخدم للوظائف التي تستعمل بشكل مكرر .
3) النموذج أو الفورم Form :
http://www.vb-pro.net/lessons/1/form.gif
هذا هو أحد أفراد عائلة مشروع فيجوال بيسيك ويمكن اعتباره أهم فرد ، حيث يتم وضع الأدوات الأخرى عليه ، وهو بمثابة الحاوية لأشياء أخرى .
http://www.vb-pro.net/lessons/1/toolbox.gif
الأدوات الموجودة به هي في الحقيقة التي تقوم بالوظائف المطلوبة من البرنامج ، وتوجد أداة لكل غرض مثل أداة لإدخال نص وأداة أخرى لوضع صورة بداخلها وأخرى .... .
5) نافذة الخصائص Properties Window :
http://www.vb-pro.net/lessons/1/properties.gif
يتم في هذه النافذة تعديل خصائص أي عنصر موجود على النموذج أو النموذج نفسه ، مثلاً لو أردنا وضع صورة في أداة الصور فإننا سنحتاج لتعديل أحد خصائص أداة الصورة لنخبر البرنامج بمكان الصورة .
6) نافذة المشروع Project Window :
http://www.vb-pro.net/lessons/1/project.gif
تحتوي هذه النافذة على الأشياء المكونة للمشروع ، وتوجد أشياء كثيرة يمكن أن يحتويها المشروع ولكن يجب أن تكون على الأقل شيء واحد ، بشكل آخر يجب أن لا يكون المشروع فارغ ولا يحتوي على أي شيء .
--------------------------------------------
تلك كانت جولة سريعة لما يمكن أن نراه في شاشة الفيجوال بيسيك وما سنتعود عليه بعد فترة من استخدامنا للغة البرمجة .
الآن سنقسم بدايتنا الفعلية للبرمجة إلى مهام لكي تسهل العملية :
لكي نبدأ بداية صحيحة مع البرمجة يجب أن نستوعب ميكانيكية اشتغال أي برنامج وهي الأسلوب أو النهج الذي يتبعه البرنامج عند تنفيذه ، فنقوم أولاً برسم الأشياء المطلوبة للبرنامج وذلك بسحبها من صندوق الأدوات إلى النموذج ونقوم بتعديل خصائصها ، ثم نقوم بكتابة كود في مرتبط بكل أداة تم رسمها أو بعض الأدوات ، ولكن السؤال أين يتم وضع ذلك الكود ؟
يمكن تصور العملية بالشكل التالي :
نقوم برسم أشياء وتعديل خصائصها Properties .
كل أداة يكون مرتبط بها أشياء تحدث استجابة للمستخدم ، مثلاً إدخال نص في مربع نص وهذا ما يسمى أحداث Events .
نقوم بكتابة الكود المرتبط مع حدث معين ونقوم بتنفيذ مهام معينة وهي ما يطلق عليه Methods .
نستنتج أن أول عملية يجب القيام بها هي عملية رسم الأدوات وتعديل خصائصها ، لذلك سنقوم بدراسة الجزء الأول في هذه المشاركة ونترك الجزئين الأخيرين في المشاركة القادمة .
--------------------------------------------
عند تشغيل فيجوال بيسيك للمرة الأولى ستظر شاشة تسأل عن نوع المشروع المراد البدء فيه :
http://www.vb-pro.net/lessons/1/startscreen.gif
نحدد في هذه الشاشة نوع المشروع ، حيث يوجد أنواع كثيرة مثلاً مشروع قياسي وهو كالبرامج العادية التي نستخدمها وتكون على هيئة ملف من النوع EXE وكذلك يوجد مشروع لبرمجة ملف من نوع DLL أو OCX ما يهمنا هو النوع الأول نحدده ونضغط على Open .
يوجد خيار بأسفل الشاشة السابقة عند تحديده فلن تظهر هذه الشاشة في المرة القادمة لتشغيل فيجوال بيسيك ، وسنذكر طريقة إرجاع هذه الخيار لكي تظهر هذه الشاشة عند بدء تشغيل الفيجوال بيسيك .
إذا كان قد تم تحديد هذا الخيار مسبقاً فإننا نريد البدء في مشروع جديد ولذلك نذهب لقائمة File ونختار New Project :
http://www.vb-pro.net/lessons/1/newproject1.gif
فتظهر نفس الشاشة التي ظهرت عند تشغيل الفيجوال بيسيك لأول مرة ولكن سيكون شكلها مختلف بعض الشيء :
http://www.vb-pro.net/lessons/1/newproject2.gif
الآن بعد أن تم بدء مشروع جديد ، نفترض أنه لم تظهر أي من الشاشات التي تم ذكرها سابقاً (نافذة المشروع ، نافذة الخصائص و صندوق الأدوات) ، فهل هناك طريقة لعرضهم من جديد على الشاشة ؟
توجد طريقتين لعمل ذلك ، إما من خلال شريط القوائم أول من خلال شريط الأدوات :
http://www.vb-pro.net/lessons/1/viewmenu.gif
حيث الاختيار (1) لعرض نافذة المشروع ، والخيار (2) لعرض نافذة الخصائص ، والخيار (3) لعرض صندوق الأدوات .
بشكل افتراضي عند بدء مشروع جديد فإن الفيجوال بيسيك تقوم بإضافة نموذج (Form) جديد وتسميه Form1 ، ويمكن معاملة النموذج وكأنه المساحة التي سيتم العمل بها ، ويمكن أن يكون هناك أكثر من نموذج في المشروع .
نأخذ أول الأساسيات وهي التعامل مع النموذج :
1) لإضافة نموذج جديد نختار Add Form من قائمة Project أو نقوم بعرض نافذة المشروع ونضغط بالزر الأيمن في أي مكان من نافذة المشروع ونختار الخيار Add ثم Form ، فكلا الحالتين ستظهر ناذفة إضافة نموذج جديد وهي كالتالي :
http://www.vb-pro.net/lessons/1/newform.gif
نجد في هذه الشاشة أنواع عديدة للنماذج تم تصميمها مسبقاً ، ما يهمنا حالياً هو النوع Form حيث يقوم بإضافة نموذج فارغ فقط ، يوجد خيار بأسفل الشاشة بتحديده فإنه لن يتم عرض هذه الشاشة عند إضافة نموذج جديد بل سيتم إضافة نموذج فارغ مباشرةً .
كذلك يوجد التبويب Exising ويستخدم لإضافة نموذج موجود مسبقاً في الجهاز .
نحدد النوع Form ونضغط زر Open .
نلاحظ أنه تم إضافة عنصر جديد في نافذة المشروع تحت الاسم Form2 ، وهو النموذج الذي قمنا بإضافته .
2) لحذف نموذج من المشروع لم نعد بحاجة له ، مثلاً Form1 ، نقوم بتحديده من خلال نافذة المشروع ونقوم باختيار Remove Form2 من قائمة Project أو نقوم بالضغط على اسم النموذج في نافذة المشروع بالزر الأيمن واختيار Remove Form2 .