كتاب للمبتئين في فيجوال بيسك

‫جوٌلٌة‬ ‫‪2011‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت‬ ‫‪2008‬‬ ‫خاص بالمبتدبٌن‬ ‫هذا الكتاب ما هو إال مساهمة بسٌطة منً لمساعدة كل من ٌرغب فً‬ ‫تعلم الفٌجوال بٌسك دوت نت و بمجموعة من الصور و بأسلوب بسٌط‬ ‫جدا‪.‬‬

‫قال تعالى " سبحانك ال علم لنا إال ما علمتنا إنك أنت العلٌم‬ ‫الحكٌم "‬ ‫عن أبي هريرة رضي اهلل عنه‪ ،‬عن النبي صلى اهلل عليه وسلم‬ ‫أنه قال‪" :‬إذا مات ابن آدم انقطع عمله إال من ثالث‪ :‬صدقة‬ ‫جارية‪ ،‬أو علم ينتفع به‪ ،‬أو ولد صالح يدعو له"‬

‫تألٌف ‪ :‬بلحماش سلٌم‬ ‫‪1‬جوٌلٌة ‪2011‬‬ ‫‪www.hotnet.ba7r.org‬‬ ‫‪bs-bl@live.com‬‬ ‫بلحماش سلٌم‬ ‫جوٌلٌة ‪2011‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫الكتاب مجانً‬ ‫ٌجوز لكل مسلم و مسلمة إعادة توزٌع الكتاب بصورته االلكترونٌة أو الورقٌة‬ ‫بشرط‬

‫عدم التربح منه أو تغٌ​ٌر شًء من محتوٌاته و قد جعلته هكذا ابتغاء مرضاة ربً و‬

‫أمل فً أن ٌحط عنً شًء من أوزاري فال تنسانً من صالح دعائك‪.‬‬

‫و لمزٌد من أعمالً أو القتراحاتكم ٌرجى زٌارة منتدى أو مراسلتً إلى‬ ‫برٌدي الشخصً‪.‬‬ ‫*** كتابً السابق ***‬ ‫الوجٌز فً تعلم الفٌجوال بٌسك ‪6‬‬

‫‪2‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫محتوٌات الكتاب‬ ‫محتوٌات الكتاب‬ ‫مقدمة‬ ‫كٌفٌة فتح البرنامج‬ ‫كٌفٌة إنشاء مشروع جدٌد‬ ‫شرح علبة حوار مشروع جدٌد‬ ‫شرح مختصر لواجهة للبرنامج‬ ‫شرح عناصر مربع األدوات‬ ‫شرح إطار خصابص األدوات‬ ‫شرح خصابص الفورم‬ ‫شرح خصابص زر ‪Button‬‬ ‫شرح خصابص مربع النص‪Text box‬‬ ‫شرح خصابص الالبل أو ‪Label‬‬ ‫تشغٌل البرنامج ألول مرة‬ ‫كتابة أكواد لتشغٌل البرنامج‬ ‫كٌفٌة حفظ مشروع و تحدٌد مساره‬ ‫شرح خصابص الصورة ‪Picture Box‬‬ ‫شرح خصابص المؤقت ‪Timer‬‬ ‫إّشبء قبػذح ثيبّبد أمضش ‪2007‬‬ ‫سثط قبػذح اىجيبّبد ثبىفيدىاه ثيضل‪ّ.‬ذ‬ ‫سثط اىجيبّبد اىً اىَْىرج‬ ‫دساصخ ميفيخ اىزؼبٍو ٍغ اىَؼيىٍبد ػيً اىجشّبٍح‬ ‫اىخبرَخ‬

‫‪3‬‬

‫‪3‬‬ ‫‪4‬‬ ‫‪5‬‬ ‫‪6‬‬ ‫‪7‬‬ ‫‪8‬‬ ‫‪9‬‬ ‫‪11‬‬ ‫‪12‬‬ ‫‪14‬‬ ‫‪17‬‬ ‫‪19‬‬ ‫‪20‬‬ ‫‪21‬‬ ‫‪24‬‬ ‫‪25‬‬ ‫‪26‬‬ ‫‪28‬‬ ‫‪32‬‬ ‫‪30‬‬ ‫‪34‬‬ ‫‪35‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫مقدمة‬ ‫كل من أراد تعلم البرمجة لجا إلى لغة الفٌجوال بٌسك خاصة اإلصدار السادس منه‬ ‫و الذي ٌعود لسنة ‪ 1998‬فصحٌح أن هذه اللغة بسٌطة و تساعد كثٌرا المبرمج و‬ ‫فً وطننا العربً توجد عدة كتب تساعدنا لالحتراف فً هذا المجال لكن مع النجاح‬ ‫الذي حققته ماٌكروسوفت و رغبتها فً االحتفاظ بزبابنها أصدرت مجموعة فٌجوال‬ ‫بٌسك دون نت ‪ 2003‬ثم ‪ 2005‬ثم ‪ 2008‬و اآلن ‪ 2010‬و ستواصل إلى أكثر من‬ ‫ذلك‪ ...‬و كل إصدار ٌختلف عن اآلخر نظرا للتطور السرٌع الذي تعرفه المعلوماتٌة‬ ‫و لكن لألسف هناك نقص كبٌر فً الكتب العربٌة التً تسمح ىْب بتعلم اإلصدارات‬ ‫األخٌرة من فٌجوال بٌسك‪ .‬فبقً مبرمجونا ٌصدرون برامجهم باإلصدار السادس‬ ‫الذي تبقى خدماته محدودة و حتى مظهره ٌعود ألكثر من ‪ 13‬سنة من اآلن و أنا من‬ ‫بٌن األشخاص الذٌن ٌشجعون تعلم الفٌجوال بٌسك دوت نت فً أولى مراحل تعلم‬ ‫البرمجة فمن خالله ٌشعر المبرمج أنه ٌواكب مستجدات المعلوماتٌة‪.‬‬ ‫و هذا الكتاب ما هو إال مساهمة بسٌطة منً لمساعدة كل من ٌرغب فً تعلم‬ ‫الفٌجوال بٌسك دوت نت و لألسف لجبت ألسلوب مختصر و سرٌع و هذا لضٌق‬ ‫الوقت و كل ما ذكرته هنا ما هو إال نقاط بسٌطة فبإمكان المتعلم التوسع فٌها مع‬ ‫األٌام‪.‬‬ ‫و تذكر أخً المبرمج أن البرمجة تحتاج إلى صبر خٌال تخطٌط و تنفٌذ فال تٌأس‬ ‫أبدا عند عدم النجاح‪ .‬و اعمل على إفادة غٌرك ببرامجك و انشر دٌنك قدر‬ ‫المستطاع‪.‬‬ ‫و كرر تجربتك حتى أن تصل إلى هدفك‪ .‬و حظ موفق للجمٌع‬

‫‪4‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫كٌفٌة فتح البرنامج‬ ‫من سطح المكتب‬

‫من الزر ابدأ‬

‫فتظهر لنا الصفحة الظاهرة فً األسفل التً تسمح بفتح مشروع جدٌد‬ ‫‪5‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫كٌفٌة إنشاء مشروع جدٌد‬

‫نالحظ أن هناك خٌارٌن فتح مشروع قدٌم ‪Open project‬‬ ‫أو إنشاء مشروع جدٌد و بما أننا نستعمل الفٌجوال بٌسك دوت نت ألول مرة‬ ‫نضغط على إنشاء مشروع جدٌد ‪Create project‬‬

‫فٌظهر مربع الحوار الموضح فً الصفحة الموالٌة‬ ‫‪6‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫شرح علبة حوار مشروع جدٌد‬

‫رقم واحد ٌسمح لنا بفتح مشروع ‪Windows forms application‬‬ ‫الذي سنعمل علٌه فً باقً الدروس الالحقة وسأتطرق للخصابص األخرى فً كتب أخرى‪.‬‬ ‫رقم اثنٌن ٌسمح لنا بتغٌ​ٌر اسم المشروع أو تركه لوقت الحق على حسب رغبة المبرمج‪.‬‬ ‫رقم ثالثة ٌقدم لنا الضوء األخضر لبداٌة البرمجة بفٌجوال بٌسك ‪ 2008‬اكسبرٌس "دوت نت"‬ ‫مالحظة‪ :‬أنا غٌرت اسم المشروع وعملته باسم‪new1‬‬

‫و اآلن سنرى الواجهة التً سنعمل علٌها إلنشاء برامج خاصة بنا‪.‬‬ ‫‪7‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫شرح مختصر لواجهة للبرنامج‬

‫تحتوي بٌبة الفٌجوال بٌسك دوت نت على أدوات برمجة لمساعدتك على بناء برامج فٌجوال‬ ‫بٌسك دوت نت‪.‬‬ ‫شرٌط القوابم ٌسمح لنا بالوصول إلى معظم األوامر التً تتحكم ببٌبة البرمجة فٌجوال بٌسك‬ ‫دوت نت‪.‬‬ ‫تعمل القوابم و األوامر فً فٌجوال بٌسك دوت نت مثلما تعمل فً كل البرامج المتوافقة مع‬ ‫لوٌندوز و باستطاعتك الوصول إلٌها بالفأرة أو لوحة المفاتٌح‪.‬‬ ‫تحت شرٌط القوابم ٌوجد شرٌط األدوات و هو عبارة عن مجموعة من األزرار التً تشكل‬ ‫اختصارات لتنفٌذ األوامر و التحكم ببٌبة البرمجة فٌجوال بٌسك دوت نت‪ .‬لتنشٌط أحد أزرار‬ ‫شرٌط األدوات انقر علٌه بواسطة الفأرة‪ .‬باإلضافة إلى ذلك ٌوجد مربع األدوات و إطار‬ ‫النموذج و إطار الحلول و إطار خصابص المشروع‪...‬‬ ‫و سنتعلم كٌفٌة استعمالها مع الدروس القادمة‪ ...‬إن شاء هللا‬

‫‪8‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫شرح عناصر مربع األدوات‬

‫ما ٌهم هنا هو أن مربع األدوات هو الذي ٌساعدك على تطوٌر برنامج‪ ،‬األدوات التً تراها فً‬ ‫شكل تظن أنها مجرد أزرار بسٌطة و لكن لو تعمقنا فٌها لوجدنها مصنوعة من أكواد كبٌرة‬ ‫وكثٌرة و شركة مٌكروسوفت هً التً سهلت علٌنا األمر بجعلها سهلة المنال‪ ,‬وبمجرد النقر‬ ‫على أي أداة على مربع األدوات ستظهر فً نموذج المشروع‪.‬‬ ‫و اآلن شرح األدوات هناك العدٌد منها لكن سنشرح األكثر استعماال و أهمها لمبتدئ فً‬ ‫الفٌجوال دوت نت‪.‬‬ ‫األداة‬ ‫‪Pointer‬‬

‫شرحها‬ ‫وهً تعٌد مؤشر الفأرة إلى السهم الطبٌعً إذا‬ ‫كان على إحدى األدوات أو األشكال األخرى غٌر‬ ‫الوجه الطبٌعً‪.‬‬ ‫‪9‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫‪Button‬‬

‫هً أداة زر أمر حٌث تتٌح لك أن تجعل‬ ‫للمستخدم زر لٌضغط علٌه عند تنفٌذ أمر معٌن‬

‫‪Check box‬‬

‫هً أداة مربع اختٌار تتٌح للمستخدم اختٌار أكثر‬ ‫من خٌار فً وقت واحد‬ ‫وهً أداة تضٌف إلٌها قائمة منسدلة مثال لٌختار‬ ‫منها المستخدم إحدى الخٌارات المتاحة أو القٌم‬ ‫المتاحة‬

‫‪Combo box‬‬ ‫‪Label‬‬

‫‪List box‬‬

‫‪Picture box‬‬ ‫‪Radio button‬‬ ‫‪Rich text box‬‬ ‫‪Text box‬‬ ‫‪Timer‬‬

‫‪Web browser‬‬

‫تتٌح لنا إضافة عنوان ما إلى البرنامج أو نص‬ ‫فً أي مكان من الفورم وقد تستخدم فً منح‬ ‫المستخدم بعض المساعدة للداللة إلى شًء ما‪.‬‬ ‫وهً قائمة تشبه إلى حد ما ‪Combo box‬‬ ‫لكنها لٌست قائمة منسدلة مثل األداة السابق‬ ‫ذكرها‪.‬‬ ‫أداة تتٌح لك إضافة صورة إلى البرنامج و إدماج‬ ‫الصور فٌه‪.‬‬ ‫تسمح للمستخدم باختٌار اختٌار واحد من بٌن‬ ‫مجموعة اختٌارات‬ ‫تسمح لنا بعمل صفحة كتابة نصوص كالوٌرد‬ ‫تتٌح لك أن تترك مستخدم برنامجك فرصة إدخال‬ ‫بٌانات مثال اسمه أو رقم هاتفه أي شًء أخر‪.‬‬ ‫هً أداة المؤقت وظٌفتها أنها تقوم بأداء عمل‬ ‫معٌن أو عدة أعمال معٌنة بصفة دورٌة كلما مر‬ ‫‪.‬زمن معٌن تقوم بتحدٌده‬ ‫تسمح للمبرمج بعمل متصفح نت داخل برنامجه‪.‬‬

‫اعتذر لعدم شرح باقً األدوات لكثرتها و تنوعها و سأتطرق إلٌها عند عمل بعض األمثلة‬ ‫البرمجٌة‪.‬‬ ‫مالحظة‪:‬‬ ‫بإمكان المبرمج إظهار و إخفاء األدوات من خالل إشارة ‪ +‬أو – اللتٌن تظهرٌن فً الصورة‬ ‫العلوٌة محصورة داخل دابرة ملونة باألحمر‪.‬‬

‫‪10‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫شرح إطار خصابص األدوات‬

‫إطار الخصابص هو عبارة عن خصابص عناصر األدوات التً تعمل علٌها مثال لو‬ ‫أنك فتحت مشروع جدٌد فإن إطار الخصابص فورا ٌظهر لك خصابص النافذة أو‬ ‫المشروع الجدٌد‬ ‫إن الفورم عبارة عن أداة مثل األدوات التً تستعملها مثل ‪Buttons‬‬ ‫أو ‪Label‬‬ ‫أو أي أداة موجودة داخل بٌبة العمل أو بٌبة فٌجوال بٌسك‬ ‫و تختلف خصابص األدوات من أداة إلى أخرى فمثال خصابص الفورم تختلف عن‬ ‫خصابص ‪Picture box‬‬ ‫و لو أن هناك بعض الخصابص المتشابه التً تحملها كل األدوات تقرٌبا‪.‬‬

‫‪11‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫شرح خصابص الفورم‬ ‫اعمل كلٌك على النموذج "الفورم" وانظر إلى خصابصه سأشرح بعض منها‬ ‫بطرٌقة مختصرة‬

‫الشرح‬ ‫الخاصٌة‬ ‫المظهر ‪Appearance-‬‬ ‫وهً لوضع خلفٌة للنموذج ملونة‬ ‫‪Back color‬‬ ‫بلون واحد‬ ‫و هً لوضع صورة كخلفٌة‬ ‫‪background‬‬ ‫للنموذج‬ ‫‪image‬‬ ‫تحدٌد كٌفٌة و مكان وضع‬ ‫‪Backgroundimag‬‬ ‫الصورة التً تكون كخلفٌة‬ ‫‪elayout‬‬ ‫لتعٌ​ٌن نوع من مجموعة أنواع‬ ‫‪Cursor‬‬ ‫مؤشرات للفأرة‬ ‫حجم ونوع الخط‬ ‫‪Font‬‬ ‫اللون األمامً‬ ‫‪Forecolor‬‬ ‫تحدٌد سمك إطار النموذج‬ ‫‪Formborderstyle‬‬ ‫للكتابة من الٌمٌن نحو الٌسار‬ ‫‪Righttoleft‬‬ ‫مفٌد للبرامج العربٌة‬ ‫‪12‬‬

‫التغٌ​ٌر الذي نقوم به‬ ‫نختار مثال‬ ‫لون أخضر فاتح‬ ‫ال نستعمل الخاصٌة‬ ‫هذه المرة‬ ‫‬‫نترك المؤشر كما هو‬ ‫طبٌعً‬ ‫‬‫‬‫‬‫نختار نعم‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫‪Right to left‬‬ ‫‪layout‬‬ ‫‪Text‬‬ ‫‪Icon‬‬ ‫‪Maximizebox‬‬ ‫‪Minimizebox‬‬

‫ال‬

‫لتغٌر مكان أٌقونات الغلق أو‬ ‫التصغٌر‬ ‫نغٌر االسم إلى تجربة‬ ‫لتغٌ​ٌر اسم النموذج‬ ‫مظهر النافزة – ‪Window style‬‬ ‫‬‫عمل أو تغٌ​ٌر إٌقونة البرنامج‬ ‫ال‬ ‫تكبٌر النموذج‬ ‫‬‫تصغٌر النموذج‬ ‫شكل برنامجنا لحد اآلن‬

‫‪13‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫شرح خصابص زر ‪Button‬‬ ‫لدراسة خصابص الزر ٌجب وضع زر على النموذج نذهب الى مربع األدوات‬ ‫نقرتٌن على بوتن فٌظهر على الفورم بعد ذلك نضغط على البوتن الموجود فوق‬ ‫الفورم‬

‫من خصابص ‪button‬‬

‫‪14‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫الخاصٌة‬ ‫‪Back color‬‬ ‫‪background‬‬ ‫‪image‬‬ ‫‪Backgroundimag‬‬ ‫‪elayout‬‬ ‫‪Cursor‬‬ ‫‪Font‬‬ ‫‪Forecolor‬‬ ‫‪Text‬‬

‫الشرح‬ ‫المظهر ‪Appearance-‬‬ ‫وهً لوضع خلفٌة لبوتن ملونة‬ ‫بلون واحد‬ ‫و هً لوضع صورة كخلفٌة‬ ‫للبوتن‬ ‫تحدٌد كٌفٌة و مكان وضع‬ ‫الصورة التً تكون كخلفٌة‬ ‫لتعٌ​ٌن نوع من مجموعة أنواع‬ ‫مؤشرات للفأرة‬ ‫حجم ونوع الخط‬ ‫لون الخط‬ ‫لتغٌ​ٌر اسم البوتن‬

‫‪15‬‬

‫التغٌ​ٌر الذي نقوم به‬ ‫نختار مثال‬ ‫لون أحمر فاتح‬ ‫ال نستعمل الخاصٌة‬ ‫هذه المرة‬ ‫‬‫نترك المؤشر كما هو‬ ‫طبٌعً‬ ‫‬‫أسود‬ ‫نغٌر االسم إلى جمع‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫بإمكانك إضافة أزرار أخرى مثال أضف ‪ 3‬أزرار‬ ‫و اجعل اسم الزر الثانً طرح‬ ‫الزر الثالث ضرب‬ ‫الزر الرابع قسمة‬ ‫و حتى اسم النموذج اجعله آلة حاسبة بسٌطة أتمنى أنك تتذكر الخطوات‬ ‫مثال هكذا اآلن تقترب كثٌرا من امتالك أول برنامج لك‬

‫‪16‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫شرح خصابص مربع النص ‪Tex box‬‬ ‫نضع مربع نص على النموذج و نضغط علٌه مرة واحدة فقط‬ ‫الخاصٌة‬ ‫‪Back color‬‬ ‫‪Cursor‬‬ ‫‪Font‬‬ ‫‪Forecolor‬‬ ‫‪Righttoleft‬‬ ‫‪Text‬‬ ‫‪Textalign‬‬

‫الشرح‬ ‫المظهر ‪Appearance-‬‬ ‫وهً لوضع خلفٌة مربع النص‬ ‫ملونة بلون واحد‬ ‫لتعٌ​ٌن نوع من مجموعة أنواع‬ ‫مؤشرات للفأرة‬ ‫حجم ونوع الخط‬ ‫لون الخط‬ ‫للكتابة من الٌمٌن نحو الٌسار‬ ‫مفٌد للبرامج العربٌة‬ ‫لتغٌ​ٌر اسم مربع النص‬ ‫لتحدٌد موقع الكتابة ٌمٌن ٌسار‬ ‫وسط‬

‫‪17‬‬

‫التغٌ​ٌر الذي نقوم به‬ ‫‬‫نترك المؤشر كما هو‬ ‫طبٌعً‬ ‫‬‫أسود‬ ‫نختار نعم‬ ‫نغٌر االسم إلى القٌمة‬ ‫األولى‬ ‫‪left‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫أضف مربع نص أخرى و قدم له اسم " القٌمة الثانٌة "‬ ‫اتبع نفس الخطوات السابقة‬

‫لحد اآلن كل شًء ٌمر على ما ٌرام‬

‫ومن الملحوظ أن معظم األدوات تشترك فً العدٌد من الخصابص‬ ‫كالتسمٌة و طرق تغٌ​ٌر لون النص أو حجمه‬

‫الدرس القادم سٌكون حول‬ ‫خصابص الالبل أو ‪label‬‬

‫‪18‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫شرح خصابص الالبل أو ‪Label‬‬ ‫نضٌف أوال البل لنموذجنا وننقر علٌه مرة واحد لنرى خصابصه‬ ‫الخاصٌة‬ ‫‪Back color‬‬ ‫‪Cursor‬‬ ‫‪Font‬‬ ‫‪Forecolor‬‬ ‫‪Righttoleft‬‬ ‫‪Text‬‬ ‫‪Textalign‬‬

‫الشرح‬ ‫المظهر ‪Appearance-‬‬ ‫وهً لوضع خلفٌة مربع النص‬ ‫ملونة بلون واحد‬ ‫لتعٌ​ٌن نوع من مجموعة أنواع‬ ‫مؤشرات للفأرة‬ ‫حجم ونوع الخط‬ ‫لون الخط‬ ‫للكتابة من الٌمٌن نحو الٌسار‬ ‫مفٌد للبرامج العربٌة‬ ‫لتغٌ​ٌر اسم مربع النص‬ ‫لتحدٌد موقع الكتابة ٌمٌن ٌسار‬ ‫وسط‬

‫‪19‬‬

‫التغٌ​ٌر الذي نقوم به‬ ‫أسود‬ ‫نترك المؤشر كما هو‬ ‫طبٌعً‬ ‫‬‫أحمر‬ ‫نختار نعم‬ ‫نغٌر االسم إلى النتٌجة‬ ‫‪topleft‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫تشغٌل البرنامج ألول مرة‬ ‫و اآلن نأتً لمرحلة تشغٌل البرنامج وذلك بالضغط على ‪F5‬‬ ‫او من خالل النقر على‬

‫هذا هو شكل برنامجنا‬

‫لكن هناك مشكل أعلم أنك تٌقنت له و هو عند الضغط على األزرار ال ٌتغٌر شًء‬ ‫ما هو الحل فً رأٌك ؟؟؟‬ ‫نعم ٌجب وضع أكواد لتشغٌل البرنامج‬ ‫األمر سهل ال تقلق‬

‫‪20‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫كتابة أكواد لتشغٌل البرنامج‬ ‫نعود إلى مشروعنا و نضغط مرتٌن على بوتن الجمع‬ ‫و نكتب هذا الكود‬ ‫)‪Label1.Text = Val(TextBox1.Text) + Val(TextBox2.Text‬‬

‫سأشرحه اآلن‬

‫بوتن كلٌك ٌعنً عند الضغط على‬ ‫البوتن رقم ‪1‬فإن‬ ‫البل ‪ 1‬و هً "النتٌجة" عندنا تساوي‬ ‫قٌمة‬

‫‪Button1_click‬‬ ‫‪Label1.Text‬‬ ‫‪Val‬‬ ‫)‪(TextBox1.Text‬‬

‫العدد الموجود داخل مربع النص األول‬ ‫" القٌمة األولى"‬ ‫عملٌة زابد " الجمع"‬ ‫قٌمة‬

‫‪+‬‬ ‫‪Val‬‬ ‫)‪(TextBox2.Text‬‬

‫العدد الموجود داخل مربع النص الثانً‬ ‫" القٌمة الثانٌة"‬

‫افعل نفس الشًء مع باقً األزرار غٌر فقط نوع العملٌة‬ ‫الزر الثانً‬ ‫الطرح –‬ ‫)‪Label1.Text = Val(TextBox1.Text) - Val(TextBox2.Text‬‬ ‫‪21‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫الزر الثالث‬ ‫الضرب *‬ ‫)‪Label1.Text = Val(TextBox1.Text) * Val(TextBox2.Text‬‬

‫القسمة ‪/‬‬ ‫الزر الرابع‬ ‫)‪Label1.Text = Val(TextBox1.Text) / Val(TextBox2.Text‬‬

‫هذا هو شكل األكواد فً النهاٌة‬

‫و نعٌد نفس طرٌقة تشغٌل البرنامج للمرة الثانٌة و األخٌرة‬ ‫وذلك بالضغط على ‪F5‬‬ ‫او من خالل النقر على‬

‫‪22‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫و نكتب أعداد فً مربعات النصوص و نعمل عملٌة معٌنة‬ ‫أنا سأكتب فً القٌمة األولى ‪5‬‬ ‫و القٌمة الثانٌة ‪4‬‬ ‫و أضغط على عملٌة الجمع‬

‫نجح العمل " المشروع" مبروك علٌك‬

‫‪23‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫كٌفٌة حفظ مشروع و تحدٌد مساره‬ ‫نغلق نافذة مشروعنا من خالل الزر‬ ‫األحمر اعلى صفحة برنامج الفٌجوال‬ ‫بٌسك‪.‬نت‬ ‫فتظهر لنا هذه الصفحة‪ ٬‬و نختار منها‬ ‫حفظ ‪.‬‬ ‫ثم قدم اسم لمشروعك‬ ‫حدد مساره مثال أنا اختر أن أضعه فً سطح المكتب أخٌرا قم بعملٌة الحفظ شاهد‬ ‫الصورة و اتبع الخطوات من واحد الى ثالثة‪.‬‬

‫اآلن سندرس الملفات الموجودة داخل مجلد المشروع أي أٌن حفظنا مشروعنا‬ ‫لتعدٌل مشروعنا نختار األٌقونة التالٌة ‪:‬‬

‫أما لتشغٌل برنامجنا التنفٌذي ‪.exe‬‬ ‫‪1‬‬

‫‪3‬‬

‫‪2‬‬

‫‪24‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫شرح خصابص الصورة ‪Picture Box‬‬ ‫ننشا مشروع جدٌد سبق لنا و أن ذكرنا كٌفٌة انشاء مشروع جدٌد اتبع نفس‬ ‫الخطوات و ضع علٌه مربع صورة‪.‬‬

‫الخاصٌة‬ ‫‪Back color‬‬ ‫‪Backgrounimage‬‬

‫الشرح‬ ‫اللون الخلفً‬ ‫الصورة الخلفٌة‬

‫‪Image‬‬

‫الصورة التً ستظهر فً مربع‬ ‫الصورة‬

‫التغٌ​ٌر‬ ‫اختر أي لون ترٌد او‬ ‫اختر صورة من‬ ‫حاسوبك‬ ‫اختر صورة من‬ ‫حاسوبك‬

‫كٌفٌة تحدٌد صورة من الحاسوب ‪:‬‬ ‫بعد الضغط على الخاصٌة الصورة الخلفٌة ‪backgrounimage‬‬ ‫ٌظهر هذا المربع‪:‬‬

‫‪25‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫شرح خصابص المؤقت ‪Timer‬‬ ‫انشا مشروع جدٌد و ضع علٌه مؤقت ‪Timer‬‬ ‫و ‪ 2‬البل ‪Label‬‬ ‫فٌظهر هكذا البرنامج البل الى التارٌخ و الوقت‬

‫الخاصٌة‬ ‫‪Enabled‬‬ ‫‪Interval‬‬

‫الشرح‬ ‫لتشغٌله او توقٌفه‬ ‫لتوقٌت‬

‫اّقش ٍشريِ ػيً‬ ‫‪26‬‬

‫التغٌ​ٌر‬ ‫‪true‬‬ ‫‪100‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫و اكتب الكود التالً‬ ‫‪Label1.Text = TimeString‬‬ ‫‪Label2.Text = DateString‬‬

‫و شاهد البرنامج كيف سيظهر اآلن لتشغيل‬ ‫البرنامج اضغط على ‪F5‬‬

‫دروسنا القادمة ستكون حول قواعد البٌانات أكسس و كٌفٌة ربطها مع برنامج‬ ‫الفٌجوال بٌسك ‪ 2008‬أو فٌجوال بٌسك دوت نت‪.‬‬

‫‪27‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫إّشبء قبػذح ثيبّبد أمضش ‪2007‬‬ ‫اىديذ في فيدىاه ثيضل دود ّذ صهىىخ اىزؼبٍو ٍغ قىاػذ اىجيبّبد‬ ‫و اآلُ صىف ّؼَو ٍفنشح اسقبً هىارف صهيخ و ثضيطخ صزقذً ىنٌ فنشح ػِ اىزؼبٍو‬ ‫ٍغ قىاػذ اىجيبّبد‪.‬‬ ‫افزر ثشّبٍح األمضش‬

‫ثٌ‬

‫ثؼذ رىل امزت اىَؼيىٍبد مَب في اىدذوه ثٌ ازفظ اىَؼيىٍبد في ربيجو ‪1‬‬ ‫‪Table1‬‬

‫فزظهش ىل هزٓ اىصفسخ و اٍيئهب ثجؼض اىَؼيىٍبد مَب فؼيذ ٍثال‪.‬‬

‫‪1‬‬ ‫‪28‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫‪2‬‬

‫اىً هْب اّزهيْب ٍِ ػَو قبػذح اىجيبّبد األوىيخ ال رنزت مو أسقبً هبرفل ثو ثؼضهب‬ ‫فقط ػيً األمثش ‪ 5‬ألّل ثؼذ زيِ صىف رضيف أسقبً اخشي ٍِ خاله ثشّبٍدل في‬ ‫اىفيدىاه ثيضل دود ّذ‪.‬‬

‫‪29‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫سثط قبػذح اىجيبّبد ثبىفيدىاه ثيضل‪ّ.‬ذ‬ ‫ّفزر ثشّبٍح اىفيدىاه ثيضل و ّزجغ اىخطىاد اىَىضسخ في اىصىس‬ ‫ثؼذ اّشبء ٍششوع خذيذ ارشك اىفىسً "اىَْىرج فبسؽ"‬

‫اىخطىح اىزبىيخ‪:‬‬

‫ثؼذ رىل‪:‬‬

‫‪30‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫ثٌ‪:‬‬

‫اػَو هنزا ايضب ‪:‬‬

‫واصو ٍؼي اىخطىاد ‪:‬‬

‫*** هْب يدت رسذيذ قبػذح اىجيبّبد اىزي رشيذ سثطهب ٍغ اىفيدىاه ثيضل‪ّ.‬ذ‬ ‫ٍِ خاله اىزس ‪Browse‬‬

‫‪31‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫ىٌ يجقً اىنثيش‪:‬‬

‫اىخطىح األخيشح ‪:‬‬

‫ىقذ رٌ‬ ‫سثط قبػذح اىجيبّبد ثْدبذ و اىذىيو ػيً رىل شبهذ صىسح اىسيىه‬

‫‪32‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫سثط اىجيبّبد اىً اىَْىرج‬

‫اصست مو اىسقىه ّسى اىَْىرج مَب في اىصىسح‬

‫اىْزيدخ اىْهبئيخ ثؼذ اىضغط ػيً ‪F5‬‬

‫‪33‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫دساصخ ميفيخ اىزؼبٍو ٍغ اىَؼيىٍبد ػيً اىجشّبٍح‬

‫األداة‬

‫الشرح‬ ‫ارهب ألول معلىمت‬ ‫المعلىمت السابقت‬ ‫المعلىمت التاليت‬ ‫ارهب الى اخر معلىمت‬ ‫اضف بياناث جذيذة‬ ‫حزف بياناث شخص مىجىد من قبل‬ ‫حفظ التعذيل‬

‫‪34‬‬

‫كتاب الوجٌز فً تعلم الفٌجوال بٌسك دوت نت ‪ 2008‬للمبتدئٌن‬ ‫بلحماش سلٌم‬

‫اىخبرَخ‬ ‫و ثهزا ّنىُ قذ اّهيْب هزٓ اىضيضيخ ٍِ اىذسوس و أرًَْ ٍِ هللا رؼبىً أُ رنىّىا قذ‬

‫اصزفذرٌ ٍْهب و أّهب أضبفذ شيء ىَؼيىٍبرنٌ ػِ اىجشٍدخ ثبىفيدىاه ثيضل دود ّذ‪.‬‬

‫مَب أّي أسيذ اُ أقىه أُ ػبىٌ اىسبصىة و ثبألخص اىجشٍديبد فضبء واصغ و ززَب‬

‫هْبك أٍىس ال اػشفهب فيهب و أّب اػزشف أّْي ىضذ إال ٍجزذئب في هزا اىَدبه‪.‬‬

‫اسخىا اُ أمىُ قذ وفقذ في إيصبه اىشصبىخ‪.‬‬

‫ثيسَبط صييٌ‬

‫اىضالً ػيينٌ‬

‫‪35‬‬