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

[البرق سامي]

الدرس السابع من ((دورة الفيجوال بيسك شرح مصور)) و لمن فاتته المقدمة بأمكانه مشاهدتها على هذا الرابط
http://alhilalclub.com/vb/showthread.php?t=50440

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

http://aaawaaa.jeeran.com/21.gif

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


وهنا الشرح في ملف واحد
http://members.lycos.co.uk/albrgvip/php/pic/angr.gif (http://forum.ma3ali.net/uploadjss/14096_seven7.rar)

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

[الزعيــ1ـــم]

ماقصرت يالغالي ،،

[M.Alkahtani]

يعطيك الف عافية الغالي البرق سامي

[مقدور]

الله يعطيك العافية يا الغالي

وتسلم على مجهودك يا البرق سامي :magkiss:

[البرق سامي]

السلام عليكم وأهلاً بكم جميعاً

مسرور بتواجدكم

وهذا أقل عمل نقدمه لشبكة نادينا العريق الزعيم الحررررريق

أشكركم:
مكاوي الهلال
mksa
مقدور

[canada2002]

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

هذا رابط الدروس

http://www.vb-pro.net/lessons/index.htm

وهذا رابط الصفحه الرئيسيه

http://www.vb-pro.net/

تحياتي

أخوك canada2002

[خالد سعود]

اووووف والله مانت ببسيط يالبرق
هل أنت اللي تكتب في منتدى سامي
اذا كنت أنت
فالله يعافيك اذا كنت فاضي نبيك تحط موضوع لعمل تواقيع الجليتر
لاني خابرك مبدع فيها
عاجبه الجليتر :magkiss:

[البرق سامي]

canada2002 هلا والله وأشكر لك تواجدك

أخي الله يحفظك لم أجد درس جمع الرقمين في الموقعين التي أضفتها
وهذا من شرحي وقد استغرق أسبوع كامل.

دمت بود

[البرق سامي]

هلا والله بالغلا "خالد سعود"

نعم أنا... وبحمد الله أنا مشارك في:
شبكة الهلال
مدمي الشباك
شبكة الزعيم
بإسم "البرق سامي"

وأبشر يا غاااااااااالي إن شاء أضعه عما قريب

لك أرق تحيه