البرق
03-02-05, 01:14 PM
الدرس السابع من ((دورة الفيجوال بيسك شرح مصور))
جهزت لكم درس لذيذ يبي له جهد وهو طويل وسيفيدكم في تعلم الدروس القادمة بسهولة
واللى يطبق الدرس بيفهم يعنى ايه لذيذ
الدرس عباره عن صنع برنامج مبرمج بلغه الفجوال بيسك
"برنامج لجمع رقمين"
في البداية نصمم الواجهة للبرنامج على ذوقكـ
عندما تريد تصميم أي برنامج ما فإنا أول ما نقوم به هو "تصميم الواجهة" وهو سهل جداً جداً
ويعتمد تصميم الواجهة على الفكرة التي تريدها في برنامجك
سنقوم بتغيير الخصائص التالية:
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ــ تغيير اسم البرنامج.
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)
وصلى الله وسلم على نبينا محمد .