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

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

هنا مقدمة دورة الفيجوال بيسك

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

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

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

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

نكتب اسم البرنامج في Caption وهو
برنامج جمع رقمين .. كما بالصورة
http://alnooor2000./vb/1.gif

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

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

3ــ نستطيع أن نقوم بتغيير صورة الإيقونة كما تشاهد:
http://alnooor2000./vb/2.gif

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

4ــ نغيير لون واجهة التصميم كما تشاهد
http://alnooor2000./vb/4.gif

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

5ــ الأن سنضع زر للخروج كما تشاهد في الصورة
http://alnooor2000./vb/5.gif

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

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

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

ثم يظهر البرنامج هكذا :
http://alnooor2000./vb/8.gif

ونبداء بكتابة البسملة فوق كما تشاهد بإستعمال هذه الأداة
http:///albrgvip/php/pic/ddrr.gif

http://alnooor2000./vb/9.gif

ونغير بعض الإعدادات حتى يكون مظهر البرنامج لائق وجذاب فيظهر لنا البرنامج هكذا:
http://alnooor2000./vb/10.gif

ثم نستعمل نفس الأداة التي استعملناها في كتابة البسملة ونكتب العدد الأول , ونضع أمامه مربع نص "تيكست" هذه صورة توضح الأداة التي سنرسم بها "مربع التيكست" http://sami876./Visual/4.gif
وكذلك نستعمل نفس الأداة التي استعملناها في كتابة العدد الأول ونكتب العدد الثاني ونضع أمامه مربع نص أيضاً "تيكست" كما تشاهد:
http://alnooor2000./vb/11.gif

طبعاً نغير لون خلفية "العدد الأول" و "العدد الثاني" مثل لون الخلفيه كما في البسملة
وكذلك نقوم بمسح 1 و 2 وذلك بعد الضغط على الأداة التي نريد تعديلها .. كما تشاهد في الصورة:
http://alnooor2000./vb/12.gif

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

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

إذاً سنضع أداة CommandButton الظاهرة في هذه الصورة http://sami876./Visual/3.gif ووظيفتها عندما نضغط عليها تجمع لنا العدد الأول والثاني ... ويضع لنا الناتج في 3 الذي سنرسمه ... انظر الصورة التالية وتظهر لنا زر الجمع و
3 :
http://alnooor2000./vb/13.gif

http://alnooor2000./vb/14.gif

الآن مرحلة كتابة الكود اتبع الصورة:
http://alnooor2000./vb/15.gif

الآن ضغطنا ضغطتين وظهرت لنا شاشة الكود كما ترى:
http://ayaam.com/upload/13/15.gif

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

يعني هالكود سيصبح هكذا:
3=1+2
بس .. في أسهل من كذا بس في شيء بسيط بنزوده بعد .

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

سيصبح الكود هكذا:
http://aaawaaa./18.gif

الأن شاهد هذه الصورة لتفهم الكود السابق:
http://aaawaaa./19.gif

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

بعد ذلك نجرب البرنامج كما تشاهد في الصور:
http://aaawaaa./20.gif

http://aaawaaa./21.gif

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

وهنا الشرح في ملف واحد
http:///albrgvip/php/pic/angr.gif

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