الدرس السابع من ((دورة الفيجوال بيسك شرح مصور))

جهزت لكم درس لذيذ يبي له جهد وهو طويل وسيفيدكم في تعلم الدروس القادمة بسهولة
واللى يطبق الدرس بيفهم يعنى ايه لذيذ
الدرس عباره عن صنع برنامج مبرمج بلغه الفجوال بيسك
"برنامج لجمع رقمين"

في البداية نصمم الواجهة للبرنامج على ذوقكـ

عندما تريد تصميم أي برنامج ما فإنا أول ما نقوم به هو "تصميم الواجهة" وهو سهل جداً جداً
ويعتمد تصميم الواجهة على الفكرة التي تريدها في برنامجك

سنقوم بتغيير الخصائص التالية:
1ــ تغيير اسم البرنامج.
2ــ تحويله من اليمين إلى اليسار.
3ــ تغيير صورة الإيقونة.
4ــ تغيير لون واجهة التصميم
5ــ عمل زر خروج
6ــ إلغاء زر الخروج والتكبير والتصغير

نكتب اسم البرنامج في Caption وهو
برنامج جمع رقمين .. كما بالصورة


طبعاً بعد مسح Form1

2ــ الآن نريد تحويل اسم البرنامج "برنامج جمع رقمين" من اليسار إلى اليمين .. ويوجد خاصية لذلك .. وقد شرحناها في الدرس الثالث

3ــ نستطيع أن نقوم بتغيير صورة الإيقونة كما تشاهد:


كما شاهدت سابقاً .. فلقد اخترت ايقونة لبرنامجي وقد حولت الاسم من اليسار إلى اليمين .. ألا تلاحظ؟؟!!؟؟


4ــ نغيير لون واجهة التصميم كما تشاهد


لازلنا في تصميم الواجهة وترجع لذوق المصمم..

5ــ الأن سنضع زر للخروج كما تشاهد في الصورة


طبعاً تغيير مسمى الزر إلى "خروج" تعلمناه في الدروس السابقه ... من نسي كيف ذلك فالجواب في الدرس الثالث

6ــ الآن سنلغي عمل الخروج والتكبير والتصغير .. لنجبر المستخدم على الخروج من نفس البرنامج أي من الإيقونة التي صممناها
طبعاً عندما نريد أن نعمل أي خاصيه فلابد من تحديد الأداة أولاً ثم تغيير الخصائص كما نريد .. الآن نريد إبطال مفعول زر التكبير والتصغير والخروج هذه الظاهرة في الصورة


نضغط ضغطة واحدة في وسط المشروع ومن ثم نذهب إلى controlbox من الخصائص التي توجد في يمين البرنامج ونعدلها من true إلى false كما تشاهد في الصورة:


ثم يظهر البرنامج هكذا :


ونبداء بكتابة البسملة فوق كما تشاهد بإستعمال هذه الأداة




ونغير بعض الإعدادات حتى يكون مظهر البرنامج لائق وجذاب فيظهر لنا البرنامج هكذا:


ثم نستعمل نفس الأداة التي استعملناها في كتابة البسملة ونكتب العدد الأول , ونضع أمامه مربع نص "تيكست" هذه صورة توضح الأداة التي سنرسم بها "مربع التيكست"
وكذلك نستعمل نفس الأداة التي استعملناها في كتابة العدد الأول ونكتب العدد الثاني ونضع أمامه مربع نص أيضاً "تيكست" كما تشاهد:


طبعاً نغير لون خلفية "العدد الأول" و "العدد الثاني" مثل لون الخلفيه كما في البسملة
وكذلك نقوم بمسح text1 و text2 وذلك بعد الضغط على الأداة التي نريد تعديلها .. كما تشاهد في الصورة:


الآن لم يبقى لنا إلا خطوات قليلة وسهله نوعاً ما ....

نتابع ..
الآن أوجدنا مكان لإدخال العدد الأول وأوجدنا مكان لإدخال العدد الثاني
نريد حساب العددين

إذاً سنضع أداة CommandButton الظاهرة في هذه الصورة ووظيفتها عندما نضغط عليها تجمع لنا العدد الأول والثاني ... ويضع لنا الناتج في text3 الذي سنرسمه ... انظر الصورة التالية وتظهر لنا زر الجمع و
text3 :




الآن مرحلة كتابة الكود اتبع الصورة:


الآن ضغطنا ضغطتين وظهرت لنا شاشة الكود كما ترى:


فكرة الكود:
يجب أن نعرف ماذا سنفعل بالكود ... فكرة الكود في برنامجنا هذا سهله وهي أن الكود سيقوم بجمع الأرقام الموجودة في الخانة الأولى والأرقام الموجودة في الخانة الثانية ويظهر لنا ناتج المجموع في الخانة الثالثة انظر معي إلى البرنامج:
الخانة الأولى اسمها text1
الخانة الأولى اسمها text2
الخانة الأولى اسمها text3

يعني هالكود سيصبح هكذا:
text3=text1+text2
بس .. في أسهل من كذا بس في شيء بسيط بنزوده بعد text .

الآن نضغط ضغطتين على زر "اجمع" ونكتب الكود بداخله كما تشاهد:


سيصبح الكود هكذا:


الأن شاهد هذه الصورة لتفهم الكود السابق:


الآن نريد أن نكتب كود زر "خروج" والكود بتاعه كلمة واحدة هي end فقط ... انظر الصورة:


بعد ذلك نجرب البرنامج كما تشاهد في الصور:




وبقي عليكم أن تحفظوا البرنامج كما تعلمنا في الدرس السااابق
ومن ثم رفعه إلى الأنترنت وجلبه إلى هنا لنقيم البرنامج
ونرى من سيحصل على المركز الأول.


وصلى الله وسلم على نبينا محمد .