Visual Basic.Net كتاب تعليمي للمبتدئيين اعداد / محمد حازم الشميري 1

النسخ

1 1

2 سلسلة تعليمية من الصفر حتى االحتراف بيسك فيجوال. نت للمبتدئيين الطبعة االولى 3418 ه 6132 م 2

3 محمد حازم الشميري خريج كلية العلوم االدارية / محاسبة بك جامعة تعز 4102 م الجمهورية اليمنية تعز االيميل : profionaldhim@gmail.com موبايل : وتس اب : فيسبوك : تويتر : 3

4 االهداء اهدي هذا الكتاب والمشروع المتواضع الى من كان لي كنز العلم والمعرفة الى تاج راسي امي الغالية يامن تستحقين كل هذا الشكر والتقدير الى ابي الغالي جيفارا حياتي العلمية من كان له الدور العظيم في ايصالي لهذا المستوى العلمي الى مكتبة وسر ثقافتي وتشجيعي العلمي وسبب حبي وهوايتي لهذا المجال اخي الغالي المهندس/ عبدالباسط حازم الشميري ولكل اصدقائي وزمالئي من زرعوا فيني الثقة العالية ولكل من تعاون معي بانجاز هذا المشروع بدون صفة أو استثناء اشكركم جميعا احبتي... محبكم م / محمد حازم الشميري 4

5 التقديم : الحمد هلل الذي بحمده تتم النعم وننال بفضله األمنيات لقد أسعدني وغ مر قلبي بالسرور عندما علمت بخبر إصدار هذا الكتاب لألخ المبرمج محمد الشميري والذي سيتحدث عن لغة البرمجة Visualوالتي Basic.Net تعتبر إحدى اللغات ضمن عائلة ال NET. وهي من أهم لغات البرمجة الشهيرة تطبيقا في الجانب العملي وماأسعدني أكثر هو أن يعطيكم الكاتب بعضا من خالصة خبرته وبحثه في مجال البرمجة وبالتحديد البرمجة بإستخدام لغة حيث أنه يحتفظ في جعبته بالكثير من المعرفة من خالل خبرته في مجال تصميم العديد من األنظمة المحاسبية الناجحة ولديه أيضا إسهامات علمية كثيرة ومتميزة كالمقاالت العلمية وإنشاء مشاريع في مجاالت مختلفة لن أتحدث عن الكاتب كثيرا ألنه سيقدم نفسه لكم من خالل محتوى هذا الكتاب ومايزيد األخ محمد الشميري تألقا وتميزا هو أنه يمتلك أسلوبا فريدا ومقنعا في طرح المواضيع وبشكل سلس وبسيط بحيث ي مكن القارئ له من إستيعاب ومتابعة شرح المواضيع مهماكان مستواه التعليمي أناكمهندس في مجال تكنولوجيا المعلومات ومتخصص في تصميم األنظمة والمواقع اإللكترونية أرى أن هذا الكتاب سيكون إضافة نوعية في هذا الحقل التعليمي مما سيرفده أكثر وأكثر أيضا سيساهم باإلرتقاء بفكرة المحتوى العربي الرقمي وذلك لصعوبة الحصول على المراجع والمصادر التي ي راد الحصول على المعلومات منها وعلى وجه الخصوص في لغات البرمجة والتي صارت إحدى لغات التخاطب مع الجانب الرقمي من العالم ومصدرا إلنعاش ثورة نظم المعلومات يتميز هذا الكتاب عن غيره بأسلوب الكاتب في طرح المعلومات وتسلسل األفكار حيث أنه يعتبر دورة متكاملة لتعلم وإحتراف لغة البرمجة وستبدأ معهكمبتدئ ليأخذك خطوة بخطوة لكي ترتقي معه وتصل إلى مرحلة اإلحتراف وإلى تصميم برامجك الخاصة وأختتمكالمي هنا بتقديم خالص تمنياتي لكم أعزائي القراء بالتوفيق وأن تحصدوا ذلك الكم الهائل من المعلومات من خالل هذا الكتاب وأقدم جزيل شكري وحبي ألخي محمد الشميري مؤلف هذا العمل على ماقدمه لنا بين أغلفة هذا الكتاب وأدعوه بأسمي وبالنيابة عن الكثيرين بمواصلة تقديم المزيد لإلفادة كما أود تهنئته على هذا العمل الجبار وأتمنى له المزيد من التألق والنجاح خالص تحياتي.. بقلم م. أشرف وهيب العبسي مهندس تكنولوجيا المعلومات 5

6 مقدمة "سبحانك العلم لنا اال ماعلمتنا انك انت العليم الحكيم " 000 وبعد عزيزي القارئ ها انا اعددت لكم هذا الكتاب المتواضع في اصداره االول لي والذي يتناول ف ي محتواه دروس تعليمية عن لغة البرمجة التي لطالما احببتها منذ أن عرفتها منذ مرحلتي الدراسية في الصفوف االولى من الثانوية العامة وبداءت اجيد واحترف التعامل معها لغة لها مميزاتها الخاصة ولها عيوبها كذلك فان لغة بجميع اصداراتها,2013,2010, جميعها تؤدي نفس المهمة واليوجد فيما بينها اال فروق بسيطة ويتضمن مشروع الكتاب الذي هو بين يديكم دروس للمبتدئيين في لغة سيتناول هذا الكتاب العديد من الفصول النظرية والعملية التي تهم القارئ المبتدئ و سيتم تخصيص الفصل االول لكل ماهو ماهو يتعلق باساسيات لغة كما انه سيتم تخصيص الفصل الثاني للغة البرمجة وبالفصل الثالث وسنتحدث عن التعامل مع صندوق االدوات Tool Box وسنتحدث عن الخصائص واالحداث المتعلقة ب Tool Box وبالفصل الرابع سنتحدث عن التعامل مع النماذج والخصائص والطرق واالحداث كذلك سنتحدث عن نماذج Midi Parent والثيمات وسيتعلق بذلك من وحدات برمجية كذلك التعرف على تطبيقات console application وكذلك المتغيرات والثوابت وكذلك المصفوفات وكذلك التفرع والتكرار و مقدمة عن تصحيح االخطاء بالقراءة المكتسبة نصنع المستحيل بحب القراءة نبدعونصنع المستحيل لم يكن هذا المجال تخصصي بقدر ماكان صديقي ورفيق حياتي وحلمي المفقود نسال هللا أن يكون هذا الكتاب مفيدا فما كان فيه من صواب فمن هللا وما كان من خطأ فمن نفسي والشيطان وهللا الهادي الى سواء السبيل. نلقاكم أن شاء هللا في اصدار اخر للبرمجة المتوسطة في لغة. وباالخير اتمنا أن ينال هذا الكتاب اعجابكم " واخر دعوانا أن الحمدهلل رب العالمين " محمد حازم الشميري 6

7 المحتويات االهداء التقديم المقدمة الفصل علىBasic.Net. Visual األول :تعرف محتويات إطار العمل NET Framework الترجمة على الفورJIT المجمعات Assemblies بيئة التطوير نوافذ بيئة التطوير الرئيسية القائمة أشرطة األدوات كتابة برنامجك األول الحلول والمشاريع أنواع المشاريع بناء برنامجك األول الترجمة والتوزيع الفصل البرمجة الثاني :لغة الوحدات البرمجية Modules تطبيقات Console Application المتغيرات Variables انواع المتغيرات Constants الثوابت 42. أنواع البيانات المصفوفات Statements انواع الجمل باستخدام التفرع If Then باستخدام التفرع Select Case For/each الحلقات التكرارية For/next الحلقات التكرارية مقدمة عن تصحيح االخطاء 7

8 54... Toolbox الفصل الثالث :التعامل مع صندوق االدوات الخصائص... properties االحداث Events تعيين الخصائص باالكواد اداة العنوان label Textbox اداة مربع النص اداة الزر...Button اداة مربع االختيارbox check Radio اداة زر button 88...list اداة القائمة box اداة القائمة المركبة combo box اداة التؤقيتTimer اداة الصورةPicturebox Openfiledialog اداة حوار فتح الملفات Fontdialog اداة حوار تغيير الخط Colordialog اداة حوار تغيير اللون Menu اداة انشاء القوائم strip االحداث التعامل مع الفصل الرابع :التعامل النماذج Forms مدخلك الى النماذج Windows 121 خصائص النماذج form Events 129 االحداث Methods 131 االساليب )الطرق( Midi 133 نماذج parent form الثيمات )المظهر( 8

9 تعرف على هذا الفصل كما سرتى عزيزي القارئ فصل يتضمن املواضيع االساسية اليت هي عبارة عن جزء من لغة الربجمة Visualوالذي Basic.Net ستتعرف من خالله على : محتويات إطار العمل NET Framework بيئة التطويرBasic.Net Visual كتابة برنامجك األول 9

10 محتويات اطار العمل.Net Framework تقدم بيئة.Net ثالثة عناصر لها يمكن أن تتحكم في دورة حياة البرنامج المعتمد على بيئة.Net وهذه التقنيات الثالث يرمز لها بالرموز االتية اختصارا لها :.CLR, CTS and CLS اختصار ل Common Language Runtime اختصار ل Common Type System اختصار ل Common Language Specification CLR CTS CLS :CLR حيث تعتبر مهمتها االساسية في االنواع والمكونات االساسية لبيئة.NET ك المكتبات والدوال وحجز المتغيرات في الذاكرة وتقسيم الذاكرة والتعامل معها والتنفيذ ال Threads اضافة لبعض اختصارات االمان فتعتبر CLRهي المرحلة االساسية لترجمة اوامر.Net وتنفيذها على جهاز الكمبيوتر. :CTS وتعد ال.Net بالتعامل مع انواع البيانات المدعومة للعمل ضمن بيئة CTSمختصة.Net فهي مختصة للتعامل فقط مع البيانات القياسية والمدعومة من جميع اصدارات بيئة :CLS ا وبهذا نستطيع ان نقول ان البرنامج املصمم باستخدام مثل ويستخدم فقط ألانواع املتاحة في CLS ا هو متوافق تماما للعمل على نفس توزيعة.Net من اجل العمل على Linux المسماه mono اما لو خرجت خارج نطاق CLS الى CTS فلن تضمن ان يتم تنفيذها بنفس الكفاءة في كل ألانظمة املختلفة. 10

11 الترجمة على الفور JIT طبعا الترجمة الفورية تعتبر نقلة نوعية في عالم البرمجة وهي تقنية Compiling ( JIT )هو Just In Time أسلوب الترجمة على الفورNET. يقوم بترجمة البرنامج عند تنفيذه حيث ينتج أفضل شيفرة تتناسب مع الجهاز الذي سيعمل عليه البرنامج مما ينتج عنه نتائج إيجابية جيدة جدا )هذا عند الحديث عن تحسين الكفاءة )Optimization وحتى تعلم كيف يحدث ذلك تابع ( الشكل 00( " شكل )00( مراحل ترجمة وتنفيذ البرنامج. تتم عملية الترجمة من خاللكتابة الكود البرمجي باي لغة برمجية تريدها ولتكن على سبيل المثال,vc#.Net...الخ فانك سوف تالحظ أن تلك العملية مرت بثالث مراحل وهي : كتابة الشفرة )code(. ترجمة Compiling ومنها ستتحول الترجمة الى برنامج بلغة IL أو MSIL التنفيذ وهنا سيتم تنفيذ البرنامج باستخدام الترجمة JIT طبعا انت عندما تقوم بكتابة الشفرة وتاتي بعدها عملية الترجمة التي تقوم بتحويل ملف البرنامج الى صيغة اشبه بكثير من الملف التنفيذي Executable File مكتوب بلغة تسمى Microsoft Intermediate Language )تختصر ب IL أو JIT Compiler بهذه الحالة هي تحتوي على شفرات البرنامج ولكنها غير قابلة للتنفيذ اال بوجود مترجم على الفور ) MSIL حينها سيقوم JIT بترجمة هذا الملف الثنائي الى لغة االلة )الصفر والواحد ) حيث يتمكن من خالل الحصول على افضل المعطيات التي تتناسب مع جهازك الحالي. 11

12 المجمعات Assemblies EXE DLL المجمع ملف يتكون من احد الملفين السابقين بحيث أن هذا الملف يحتوي على شفرة البرنامج بعد الترجمة ومارافقها من ملفات مصادرFiles Resource وصور ورسومات وصفحات HTML...الخ وكل هذه العتاصر بامكانك أن تضعها في ملف واحد. كل مجمع يحتوي على برنامج واحد وبامكانك أن تقوم بعملية اضافة مجمعات اخرى بمعنى انه يمكن لبرنامجك أن يدمج في داخله برنامج اخر. بيئة التطوير Visual Studio.NET طبعا بالنسبة لبيئة التطوير في لغة Visualتحتوي Basic.Net على تفاصيلكثيرة عزيزي القارئ والتي تقوم بتعريف الشخص بكافة نوافذ لغة Visualسنتطرق Basic.Net في هذا الفصل بشكل سريع للعديد من النوافذ في بيئة التطوير وسنترك مجاال للقارئ لكي يواصل عملية قراءة مكتسبة ونحن نعلم أن باستطاعته ذلك طبعا من المعلوم أن معظم لغات برمجة.Net بما فيها لغة ( VC#.Net,...الخ جميعها تعمل على بيئة تطوير متكاملة ورائعة جدا من الخدمات و االدوات التي تسهل لك حياتك البرمجية طبعا بيئة التطوير في لغة واسعة جدا وتحتاج الى شرح مكثف أن لم يخصص لهاكتاب متكامل وذلك لكبر حجمها اما ماسنتناوله نحن هنا فهو ماسيتعلق بلغة البرمجة Visual Basic.NET فقط ولن نذكر اال االدوات والنوافذ التي سنستخدمها نحن هنا وباختصار شديد. 12

13 التطوير بيئة نوافذ عند تشغيل بيئة التطوير الول مرة فانك ستالحظ ظهور نافذة Start Page تستطيع من خالل هذه الشاشة استئناف العمل على اخر المشاريع المنجزة مؤخرا وكذلك بامكانك انشاء مشاريع جديدةكل هذا عن طريق هذه النافذة الظاهرة معنا من خالل ( الشكل 04( )شكل 04( نافذة Start Page في بيئة التطوير VB.Net

14 نافذة الخيارات Options عند اختيارك لالمر options من قائمة Tools يؤدي الى ظهور )الشكل 03( فيمكنك عزيزي القارئ القيام بالعديد من اعداد عشرات االوضاع والخياراتكاعداد بيئة التطوير محرر الشفرات المترجمات compilers وكذلك قواعد البيانات Database...الخ من خيارات االعداد. )شكل 03( نافذة Options في بيئة التطوير VB.Net2010 : نافذة عرض الفئات Class View عزيزي القارئ تالحظ من خالل هذه النافذه ظهورها على شكل شجرة مرتبة بنودها والغرض من هذه النافذه هو عرض فئات المشروع Project Classes ولقد اوضحنا لكم النافذة )بالشكل 02( فكل الفئات التي تظهر في نافذة عرض الفئات هيكلها التي تضيفها انت عزيزي القارئ الى مشروعك الحالي فلن تظهر هذه الفئات في اي مشروع اخر تقوم بانشاؤه من تلقاء ذاتها. 14

15 )شكل 06( نافذة عرض الفئات Class View عزيزي القارئ يمكنك عرض نافذة اضافة المراجع Add Reference من خالل النقر بالزر االيمن للماوس على مشروعك المتواجد في نافذة Solution Explorer ومن ثم اختيار Add Reference ونوضح لكم شاشة اضافة المراجع من خالل )الشكل 9 0 (فيمكنك من خالل هذه الشاشة اضافة وحذف المراجع من هذه النافذة. )شكل 09( نافذة اضافة المراجع Add Reference 15

16 نافذة مستكشف الحل Solution Explorer نافذة مستكشف الحل هي احدى نوافذ بيئة التطويرNet. والغرض من هذه النافذه هو عرض ملفات المشروع الحالي والمشاريع االخرى ونوضح لكم قائمة مستكشف الحل من خالل )الشكل 07( )الشكل 07( نافذة مستكشف الحل Solution Explorer نافذة خصائص المشروع Project Property Pages عزيزي القارئ من خالل هذه النافذة بامكانك اجراء عمليات االعداد والتعديل النهائية على خصائص مشروعك ويمكنك الوصول الى هذه النافذة من النقر بالزر االيمن للماوس على مشروعك المتواجد بنافذة مستكشف الحل ومن ثم اختيار Properties وسنوضح لكم هذه الشاشة من خالل ( الشكل 00(. 16

17 ( الشكل 00( نافذة خصائص المشروع نافذة الخصائص Property عزيزي القارئ هذه النافذة تعتبر مهمة لك بالنسبةكا مبرمج Visualالنها Basic.Net تمكنك من التحكم بخصائص النماذج واالدوات المضافة فيها في المشروع ك )الخطوط ولون الخطوط وخلفية النموذج واسم النموذج/االداة موقع النموذج حجم النموذج/االداة...الخ ) من الخصاص االخرىكما انه يوجد تشابه في بعض هذه الخصائص من اداة الخرى وسنوضح لك حاليا طرق تعيين الخصائص توجد طريقتين لتعيين خصائص النماذج واالدوات : الطريقة اليدوية وهي الطريقة االكثر سهولة في أن يقوم المبرمج بعملية تغيير خصائص النموذج أو االدوات المضافه اليه من خالل الذهاب الى نافذة الخصائص والقيام بتغيير تلك الخصائص من خطوط ولون خطوط وخلفية...الخ التحكم بالخصائص من خالل االكواد البرمجية وهي الطريقة االكثر اهمية واالكثر تعامال معها في تصميم البرامج تحت بيئة.Net وحيث انها تكسب المبرمج مهارة عالية جدا فمن خاللها يقوم المبرمج بادخال اكواد برمجية في نافذة تحرير االكواد تقوم بعملية التحكم بخصائص النموذج وتلك االدوات. مالحظة : عزيزي القارئ يوجد هناك فصل يتكلم عن خصائص االدوات والتعامل معها اضافة الى امثلة تمارين مكثفة بهذ الجانب. 17

18 القائمة الرئيسية سنوضح لك عزيزي القارئ بشكل مختصر عن محتويات القائمة الرئيسية وهي تتكون من العديد من القوائم الرئيسية والفرعية. القائمة File ومايتواجد من خالل هذه القائمة من اوامر تجدها عزيزي القارئ متعلقة بمشروعك الحالي الذي انت تعمل عليه وتمكنك من فتح مشاريع اخرى واضافة ملفات اليها وحفظ مشروعك الحالي...الخ من االوامر. القائمة Edit من خالل هذه القائمة يمكنك تنفيذ العديد من االوامرك النسخ واللصق والقص اضافة الى ادوات اخرى. القائمة View تتعلق هذه القائمة بالقيام بعملية عرض واخفاء العديد من النوافذ في بيئة.Net القائمة Project يوجد في هذه القائمة العديد من االوامر الهامة المتعلقة بمشروعك الحالي والتي من خاللها بامكانك اضافة عناصر وملفاتكما انه با مكانك ايضا التحكم باولوية المشاريع المتعددة في الحل الواحد من خالل االمر. Set As Startup Project القائمة Build من خالل هذه القائمة بامكانك القيام بعملية ترجمة Compiling اما بخصوص االمر Configuration Manager فهو يقوم بعملية تحديد االعدادات المسبقة الحفظ للمترجم. القائمة Debug لحظة تصميم البرنامج تكون عدد عناصر هذه القائمة ال تتجاوز 9 أوامر ولكن عند التنفيذ سيمتد هذا العدد ليصل إلى 13 أمر) بعضها غير مفعل( تجد أوامر التنفيذ واإليقاف النهائي والمؤقتكما تحتوي هذه النافذة على جميع وظائف التنقيح في البرنامج. Debugging القائمة Tools تحتوي على أوامر إضافية مختلفة الوظائف كما يمكنك جعلها منصة لتشغيل برامج اخرى تستخدمها بشكل متكرر عن طريق اختيار األمر.AddIn Manager فيمكن الوصول لها عن طريق اختيار األمر Add Ins وبالنسبة لإلضافات Externals Tools 18

19 القائمة window التعليق.. القائمة help التعليق.. اشرطة االدوات Toolbars تعتبر اشرطة االدوات هي عباره عن اشرطة تحتوي على العديد من االوامر ذاتها الموجودة في القائمة الرئيسية وبامكانك اضافتها أو حذفها من خالل النقر بزر الفارة االيمن على شريط االدوات ومن ثم اختيار االمر.Customize صندوق االدوات Tool Box عزيزي القارئ سنوضح لك بشكل مفصل عن صندوق االدوات Toolكما Box تراه في بيئة.Net يوجد صندوق ادوات في الجهة اليسرىكما تالحظون صندوق االدوات في ( الشكل 06( : 19

20 )الشكل 06 ( لصندوق االدوات Toolbox 20

21 طرق اضافة ادوات القائمة الى النموذج وتوجد ثالث طرق الضافتها : السحب واالفالت النقر المزدوج النسخ وذلك بسحب االداة المراد وضعها بالنموذج ومن ثم افالتها محيط في النموذج وذلك من خالل النقر المزدوج على االداة المراد وضعها بالنموذج. وذلك من خالل نسخ االداة المراد وضعها بالنموذج ومن ثم لصقها بالنموذج. مالحظة : الضافة اداة النموذج البد أن يكون النموذج أن يكون في وضعية التصميم وليس بوضع محرر الكود. كما تتيح بيئة لك Net.القيام بعملية اضافة صندوق جديد الى صندوق االدوات أو حذف أو تعديل بحيث تقوم بعملية التنظيم بشكل رائع لالدوات. والضافة شريط Tap قم بالتالي : النقر بزر الفارة االيمن على صندوق االدوات لتظهر لك قائمة فرعية ومن ثم تختار منها Addكما Tab )بالشكل 001 ( : )الشكل 001 ( يوضح طريقة اضافة شريط ادوات فرعي ضمن صندوق االدوات Toolbox ستالحظ أن شريط االدوات يقوم بفتح مربع نص لك باسفل صندوق االدوات يتيح لك امكانية تسمية الشريط الجديد الذي ترغب باضافته لصندوق االدوات كما )بالشكل 000( : 21

22 )الشكل 000 ( يوضح ويظهر مربع النص الذي من خالله بتسمية شريط االدوات باسم tools" "my 22

23 كتابة برنامجك االول عزيزي القارئ يبدوا وكانك في شوق ولهفة لتبداء لمساتك االولى بانشاء برنامجك االول في بيئة وانت تعلم أن الكتاب تم تاليفه وانشاء شروحاته في ظل بيئة وهذا االصدار يعتبر اصدار منقح ورائع جدا سترى وتالحظ اولى خطواتك بانشاء برنامجك البدائي االن. الحلول والمشاريع قبل أن نشرع بالبدء باول خطواتنا بكتابة البرنامج االول في بيئة.Net يلزم عليك عزيزي القارئ أن تفهم بعض المصطلحات االساسية هنا الحل : Solution هو عبارة عن حاوي لعنصر أو مجموعة من المشاريع projects والمشروع هو البرنامج الذي تود انت انشائه ويحتوي هذا المشروع على ملفات المشروع. project files عزيزي القارئ سنوضح لك الخطوات الالزمة للبدء بانشاء برنامجك االول :. Project ثم اختار منها االمر > New ومن ثم اختيار االمر > File الذهاب الى القائمة ستفتح لك نافذة انشاء مشروعك الجديد وبها العديد من الخيارات المرتبطة بنوعية مشروعك الجديد الذي ترغب بانشائه فهناك مشاريع.Net بكافتها Basic.Net,vc#.Net,vf#.Net( Visual...الخ وكل بيئة تطوير معينة تحتوي على انواع كثيرة من المشاريع فلنفترض ان برنامج االول سيكون باستخدام بيئة التطوير vb.net يجب عليك أن تختار Visual Basic.Net من نافذة المشروع الجديد ستالحظ انه ظهرت لك مجموعة من المشاريع تحت بيئة التطوير vb.net منها application( console application, wpf application, windows forms...الخ ) نحن سنفترض أن مشروعنا االول سيكون من نوع windows forms application اختر هذا النوع من المشاريع وقبل أن تضغط على الزر ok تمهل عزيزي القارئ والحظ اسفل النافذة ستجد فيها موضحا اسم مشروعك الذي ستنشئه انت Name فليكن اسم المشروع االول هوكما واضح معنا )بالشكل 004( وستجد اسفل مربع االسم مربع نص اخر هو المسار location وهو يقصد به موقع المجلد الذي ستحفظ فيه مشروعك الجديد واسفل مربع المسار ستجد مربع نص اخر وهو اسم الحل الذي سيحتوي مشروعك او مشاريعك الجديدة. solution name )الشكل 004( نافذة انشاء المشروع الجديد 23

24 انواع المشاريع عزيزي القارئ تمكنك بيئة التطوير في لغة البرمجة من دمج اكثر من مشروع في مشروع واحد فيمكنك اضافة مشروع جديد من نوع تطبيقات قياسية windows forms application ودمجه مع مشروع من نوع ادوات تحكم مثال user controls وكذلك مع العديد من المشاريع المتواجدة في بيئة والتي الحظتها في نافذة New Project واليك عزيزي القارئ نبذة مختصرة عنها : Windows Application هذا النوع من المشاريع يشبه كثيرا تطبيقات windows القياسية سنخصص عزيزي القارئ الفصل السادس من الجزء الثاني للكتاب لمناقشة وايضاح تطوير تطبيقات windows وبشكل مكثف بهذا الجانب. Class Library طبعا هذا النوع من المشاريع يحتوي على مكتبة تحتوي على العديد من الفئات التي يمكنك االستفادة منها في برامج اخرى كما يمكنك ترجمتها وتحويلها الى ملفات من نوع.dll واالستفادة منها في مشاريع اخرى وسنخصص لكم مجاال لشرح هذا النوع من المشاريع في الجزء الثالث من كتابنا. Windows Control Library يمكنك هذا النوع من المشاريع من انشاء ادوات تحكم user controls يمكنك االستفادة منها في مشاريعك من النوع الطبيقات القياسية Windows Application وسنخصص لكم مجاال لشرح هذا النوع من المشاريع في الجزء الثالث من كتابنا. ASP.NET Web Application يمكنك من خاللها من انشاء مشاريع ASP.NET بحيث تعمل في جهة الخادم server ويتم عرض صفحاتها من خالل العمالء clients باحد المتصفحات Browsers وسنخصص لكم مجاال لشرح هذا النوع من المشاريع في الجزء الثالث من كتابنا. ASP.NET Web Service هذا النوع من المشاريع يسهل عليك عملية تبادل البيانات عبر االنترنت عن طريق استخدام بروتوكوالت XML و HTTP القياسية دون الحاجة إلى تطوير المكونات الموزعة DCOM وسنخصص لكم مجاال لشرح هذا النوع من المشاريع في الجزء الثالث من كتابنا. Web Control Library هذا النوع من المشاريع يمكنك من انشاء ادوات التحكم ولكنها هنا خاصة للعرض على صفحات html وهي تشبه الى حد كبير مشاريع user controls ولكنه ستعرض من خالل متصفحات الويب وسنخصص لكم مجاال لشرح هذا النوع من المشاريع في الجزء الثالث من كتابنا. 24

25 Console Application يعمل هذا النوع من المشاريع تحت بيئة Dos ويعتبر هذا النوع من التطبيقات مناسبا الى حد ما للمبتدئيين وكذلك لمن يرغبون بتطوير مشاريعهم من هذا النوع تحت بيئةNet. Windows Services يعد هذا النوع من المشاريع القياسية windows ومن مزاياه انه يعمل في الخلفية Background منذ بداية تحميل نظام التشغيل حتى اغالق جهاز الكمبيوتر وسنخصص لكم مجاال لشرح هذا النوع من المشاريع في الجزء الثالث من كتابنا. Empty Project التعليق!! Empty Web Project التعليق!! 25

26 بناء برنامجك االول بامكانك عزيزي القارئ ان تبداء ببناء برنامجك االول بمختلف الطرق وبامكانك اختيار نوع المشروع الذي سيكون بمثابة برنامجك االول في بيئة تطويرBasic.Net Visual عزيزي القارئ سنوضح لك في هذا الفصل الخطوات االولية لكيفية بناء برنامجك االول وتنفيذه فقط ولن نتوغل اكثر من ذلك في قواعد مفردات اللغة فسيكون مثالنا هنا عن بناء برنامجك االول من نوعapplication windows من نوع التطبيقات القياسية فبعد أن تعرفنا سابقا عن نافذة انشاء مشروع جديد لنعود اليها حاليا ونقوم بالذهاب الى نافذة انشاء مشروع جديد من نوع تطبيقات قياسية windows application بعد الخطوة السابقة باختيار نوع مشروعنا الجديد وبعد الضغط على الزر Ok تظهر لنا نافذة العمل على مشروعنا الحالي الذي اخترناه كماهو موضح (بالشكل 003( )الشكل 003( نافذة بيئة التطوير بعد اختيار المشروع الجديد لنجعل برنامجك االول عبارة عن برنامج يحتوي على مربع نص واحد فقط يقوم بعرض رسالة ترحيبية في برنامجك االول في بيئةNet. ولذلك نقوم باضافة اداة مربع نص Textbox من شريط االدوات الجانبي Tools Box ليصبح شكل النموذج كما هو في (الشكل 002 ( ونقوم مثال بعملية اعادة تسمية لعنوان النموذج من خالل الخاصية الشكل 11 Text المتواجدة في نافذة الخصائص properties وتغييرها الى" برنامجك االول" 26

27 )الشكل 002( نافذة اضافة مربع النص Textbox الى نافذ النموذج Form1 يمكنك الوصول الى نافذة شفرة البرنامج وكتابة الشفرة الترحيبية التي ستظهر في مربع النص Text Box باكثر من طريقة فيمكنك على سبيل المثال الذهاب الى نافذة الحل solution explorer ثم النقر على النموذج المتواجد في النافذة form1 بالزر االيمن للفارة ومن ثم اختيار view code عرض الشفرة ومن ثم كتابة الشفرة االتية: code Public class form1 Private sub form1_load (by Val sender as system. Object, by Val e as system. Event rags) handles my base. load Textbox1.text = " بيئة في االول برنامجك في القارئ عزيزي بك مرحبا vb.net" End sub End class بعد ان انتهينا من كتابة شفرة برنامجك االول بعدها ننتقل الى عملية التنفيذ من خالل الضغط على المفتاح F5 ستالحظ بعدها ظهور برنامجك كما( بالشكل 006 ) )الشكل 006( برنامجك االول بعد القيام بالتنفيذ 27

28 الترجمة والتوزيع تعتبر عملية الترجمة Compiling هي االخطوة االهم لترجمة مشروعك وتوزيعه الى ملف تنفيذي.exe أو.dll ويمكنك القيام بها من خالل عملية االعداد المسبق لها Configurations ومنها يمكنك اختيار االعداد Debugك اعداد مبدائي وهوكما هو متواجد في شريط العنوان في بيئة Visualوسنوضح Basic.Net ذلك من خالل )الشكل 009(: )الشكل 009( الختيار Debugاالمر اما بشان االعداد Release فهو يتم اختياره بحالكان مشروعك بمرحلته االخيره يتم اختيار هذا االعداد قبل عملية التوزيع للبرنامج ويمكنك ايضا تحرير هذه االعدادات من خالل Configuration Properties اما عن المرحلة االخيرة عملية التوزيع هذه المرحلة تقوم بها بحال رغبت بتوزيع برنامج الى اجهزة اخرى يجب أن يتم ارفاق نسخة من مكتبة اطار عمل.Net Framework مع البرنامج حتى تعمل. عزيزي القارئ سيتضح لك الكثير عن اطار العمل.Net Framework في الفصول القادمة أن شاء اهلل وسيتم ايضاحها بشكل اكثر. كيف تبني مشروعك االول عزيزي القارئ يمكنك القيام ببناء مشروعك الحالي بعد أن قمت بتجربته من خالل التشغيل F5 يمكنك بعد ذلك بناء مشروعك االول مثال بامتداد.EXE وذلك من خالل القائمة Build قم باختيار Build Solution أو من خالل الضغط على Ctrl+shift+B انظر ( الشكل 007 ( والحظ طريقة بناء برنامجك االول : )الشكل 007( طريقة القبيام بعملية بناء مشروعك االول ستالحظ أن البرنامج يقوم بتجميع وترجمة ذلك وانتاج ملف تنفيذي لمشروعك بصيغة.EXE ولكي تعرف مكان تواجد ملفات المشروع التي بنائها ماعليك اال أن تذهب الى مسار انشاء المشروع ثم المجلد bin ومنه تذهب الى المجلد Debug وستجد فيه ملف مشروعك بصيغة.EXE 28

29 لغة البرمجة سنتطرق يف هذا الفصل على العديد من االمور اهلامة اليت جيب على املبتدئيني يف لغة الربجمة اتقاهنا وفهمها لكي تبىن عليها ارضية صلبة من املعلومات املتسلسلة واليت متكن املربمج من التعامل مع لغة الربجمة بشكل احرتايف وذلك من خالل التعرف على : مقدمة عن الوحدات البرمجية Modules تطبيقات console application المتغيرات والثوابت المصفوفات التفرع والتكرار مقدمة عن تصحيح االخطاء 29

30 لغة البرمجة عزيزي القارئ لن نقوم بتكثيف العمل على تطوير تطبيقات Windows منذ الوهلة االولى في هذا الفصل فيعتبر االمر مبكرا للبدء بذلك عزيزي القارئ اذا.اردت أن تفهم لغة البرمجة ماعليك اال أن تفهم االساسيات لكي تجيدها جيدا وأن معظم االوامر والشفرات البرمجية مرتبطة وهي مهمة جدا البدء بها من خالل مايسمى بالوحدات البرمجية Modules التي تحمل ملف مستقل يحمل االمتداد vb.سنخصص في هذا الفصل لكل ماهو يهم المبتدئيين في التعامل معكافة العمليات االخرى من اجراءات ومتغيرات وثوابت ومصفوفات ودوال...الخ في ظل منصة تطبيقات قياسية وبشكل بدائي وسنقوم بشرح مجمل عليه بشكل مكثف جدا. الوحدات البرمجية Modules عزيزي القارئ ماهي الوحدة البرمجية وماهي مكونات شفرتها واين يتم كتابة الشفرات فيها الوحدة البرمجية : Module هي عبارية عن وحدة تحتوي على جميع االجراءات التي نريد استخدامها في المشروع ويتم استدعاء هذه االجراءات من داخل أي نموذج بالمشروع. تتكون شفرتها االولية من االتي : Module Module1 code Sub Main() End Module عزيزي القارئكل نموذج يحتوي بداخله على عدة اجراءات معرفة بداخله فسوف تجد صعوبة في تذكر النموذج الموجود به االجراء الذي نريد استخدامه ولهذا فان لغة البرمجة Visualتسمح Basic.Net لنا بانشاء مساحات خاصة من الكود تسمى بالوحدات البرمجية Modules ونستخدم هذه المساحة الحتواء وتنظيمكل االجراءات التي نريد استخدامها فبدال من انشاء االجراءات داخل النماذج بصورة متفرقة فيمكنك انشاء وحدة برمجية Module تحتوي على جميع االجراءات التي نريد استخدامها بالمشروع ويتم استدعاء هذه االجراءات من خالل أي نموذج بالمشروع والوحدة Module عبارة عن ملف منفصل ياخذ االمتداد.vb وهناك العديد من الخواص التي تميز الوحدات Modules فهي : 30

31 تشبه نافذة محرر الكود والتحتوي على مكونات رسومية. كما انها غير مرتبطة باي نموذج وايضا اليمكن اضافة أي من عناصر التحكم داخل هذه الوحدات. كما ان الكود المسموح اضافته داخل هذه الوحدات هو تعريف المتغيرات variable واالجراءات procedures والوظائف Functions فقط. وايضا تحتوي على جزء التعريف العام فقط. General Deceleration فاليمكنككتابة الشفرة خارج نطاق الوحدة البرمجية بمعنى اليمكنككتابة الشفرة فوق السطر Module Module1 والتحت السطر End Module بمعنى أن الكود البرمجي يجب أن يكون مابين االجراء Sub Main واقفاا االجراء وبامكان مشروعك أن يحتوي اكثر من وحدة برمجية بشرط التتعارض الوحدات البرمجية Modules في مسمياتهاكما انه يجب االتزيد عدد حروف مسمى الوحدة البرمجية Module أن اليزيد عدد حروف المعرف فيها عن حرف وانا اعتقد عزيزي القارئ انك لست بحاجة لتكتب هذا الكم من العدد! وكذلك اليمكنك من استخدام الكلمات المحجوزة Keyword لتعريف معرف جديد لنبداء معكم خطوة بخطوة في انشاء مشروع جديد من نوع windows application 31

32 تطبيقات Console Application بعد أن تحدثنا عن الوحدات البرمجية في الموضوع السابق سنقوم بتخصيص تطبيق محدد بشكل مبدائي للتعامل معها وليكن هو تطبيق console application وهذا النوع هو مايتالئم بالتعامل مع Module بشكل يتناسب مع المبتدئيين وسنوضح لكم الحقا بفصول قادمة التعامل بشكل اكبر ومفصل مع الوحدات البرمجية Modulesهذ النوع من التطبيقات ليس له واجهة تطبيق ولكنه عبارة عن Module والكلمة Main اسم البرنامج الفرعي يجب التعرف على االساليب المستخدمة لقراءة مدخالت التطبيق وهي : يستخدم لقراءة سطر الكتابة من وحدة االدخال القياسية يستخدم لقراءة الحرف التالي من وحدة االدخال القياسية Console.Read line Console.Read اما االساليب المستخدمة لعرض مخرجات التطبيق : عند استخدامه فان جملة االدخال أواالخراج يتم عرضها في السطر التالي لسطر المخرجات بهذه الجملة. عند استخدامه فان جملة االدخال أو االخراج يتم عرضها في السطر التالي لسطر هذه الجملة. Console.Write line Console. Write فعند كتابة اسطر الكود فان برنامج هذا الكود يتم عرضه بسطر واحد: Console. Write ("Pc lab") Console. Write Line ("Graphics") Pc lab Graphics وذلك الن االسلوب Console. Write يخبر البرنامج فان يقوم بعرض ناتج جملة االخراج التالية في نفس تسطر وعندكتابة اسطر الكود بهذه الطريقة: Console. Write Line ("pc lab") Console. Write Line ("Graphics") أو بهذه الطريقة : Console. Write Line ("pc lab") 32

33 Console. Write ("Graphics") يكون الناتج كالتالي : Pc lab Graphics وهذا الن االسلوب. Consoleيخبر Write Line البرنامج بعرض ناتج جملة االخراج التالية في السطر التالي لهذه الجملة وسوف نلمس هذا الفرق عمليا بوضوح في الجزء التالي. تمرين : تعرفت في المثال السابق على تطبيقات Console application وسوف نقوم بهذا الجزء بانشاء تمرين للتعرف علىكيفية التعامل مع مثل هذه التطبيقات فاذا اردنا على سبيل المثال انشاء برنامج الجراء عملية قسمة رقمين وعرض ناتج القسمة فسوف نحتاج في بداية االمر لقراءة هذان الرقمان اوال ثم اجراء عملية القسمة واظهار الناتج وكما ذكرنا من قبل انه لقراءة جملة من وحدات االدخال مثل لوحة المفاتيح نقوم باستخدام االسلوب : Console. Read Line ولذلك لقراءة الرقم الذي نريد قسمته نكتب الجملة : First = Console. Read Line ثم الضغط على الزر Enter من لوحة المفاتيح. تعمل هذه الجملة على قراءة الرقم الذي نريد قسمته من خالل لوحة المفاتيح وتخزين هذا الرقم في المتغير First وكما ذكرنا من قبل فان في الوضع االفتراضي للبرنامج يجب أن يقوم بتعريف جميع المتغيرات التي سوف نستخدمها داخل البرنامج ولذلك فانه سوف يظهر خط ازرق اللون متعرج تحت المتغير First فنقوم بتعريف هذا المتغير بنوع البيانات Double Dim First as Double وبنفس الطريقة نقوم بتعريف متغيرات اخراج لتخزين الرقم المقسوم عليه وناتج القسمة Dim Second, Result as Double ولقراءة الرقم المقسوم عليه ندخل الجملة Second = Console. Read Line 33

34 وبهذا فان الرقم الذي نريد قسمته يتم تخزينه في المتغير First والرقم المقسوم عليه يتم تخزينه في المتغير Second والجراء عملية القسم ندخل الجملة : Result = First/Second وهذه الجملة تقوم بقسمة الرقم الموجود في المتغير First على الرقم الموجود في المتغير Second ووضع ناتج القسمة في المتغير Result والظهار ناتج القسمة نقوم باستخدام االسلوب فنكتب الجملة : Console. Write line (Result) وتعني هذه الجملة عرض قيمة المتغير Result والذي يحتوي على ناتج العملية ولرؤية الكود الذي قمنا بادخاله نقوم بالضغط على الزر F5 كما في شاشة المحث )بالشكل 40( : )الشكل 40( يوضح ظهور نافذة المحث كذلك القيام بعملية ادخال الرقم المقسوم 61 والرقم المقسوم عليه 3 فيتم فتح نافذة المحث التي تستخدم لقراءة المدخالت وعرض المخرجات فتدخل الرقم الذي نريد قسمته مثال 61 ثم نضغط على المفتاح Enter ثم ندخل الرقم المقسوم عليه مثال 3 ثم نضغط Enter نالحظ أن الشاشة تختفي بشكل سريع بدون أن نتمكن من مشاهدة ناتج القسمة ولكي نتمكن من مشاهدة ناتج القسمة نقوم باضافة سطرين كود وهما : Console. Write line ("press any key to exit?") Console. Read line () ويجب مالحظة أن كل تطبيق console يجب أن يحتوي هاتان الجملتان في نهاية الكود لكي يتمكن المستخدم من مشاهدة ناتج البرنامج واالن نضغط على المفتاح f5 لتشغيل البرنامج فيظهر لناكما )بالشكل 44( : ندخل الرقم الذي نريد قسمته 61 ونضغط enter 34

35 ثم ندخل الرقم المقسوم عليه 3 ونضغط enter فيظهر ناتج عملية القسمة ونالحظ انه تم اغالق النافذة بعد ظهور الرسالة التي تطالب باالغالق. )الشكل 44( يوضح اظهار ناتج عملية القسمة ومن ثم تظهر رسالة تطلب منك ضغط أي مفتاح للخروج من البرنامج تمرين : قم بانشاء برنامجك االول باستخدام التطبيق console application يتضمن عملية قسمة رقمين وعرض نتيجة القسمة في متغير الناتج بحيث يقوم البرنامج باظهار رسالة اولية تطالب المستخدم بمحث االدخال بادخال الرقم الذي ترغب بقسمته وكذلك اظهار رسالة تطالب المستخدم بادخال الرقم المقسوم عليه ومن ثم عرض رسالة تتضمن جملة = Result ثم قم بعرض وتنفيذ هذا البرنامج االجابة : من نافذة تحرير الشفرة الخاصة بالبرنامج نقوم باالتي : الظهار الرسالة االولية للمطالبة بادخال الرقم الذي تريد قسمته نقوم بادخال هذه الجملة قبل الجملة الخاصة بالرقم نريد قسمته: Console. Write ("Enter First number?") الظهار الرسالة التي تطالب بادخال الرقم المقسوم عليه نكتب الجملة االتية قبل الجملة التي تطالب بادخال الرقم المقسوم عليه Console. Write ("Enter Second number?") الظهار الرسالة التي تطالب بعرض = Result نقوم بادخال هذه الجملة قبل الجملة التي تعرض ناتج القسمة Console. Write ("Result=") 35

36 يصبح الشكل النهائي لكود البرنامج : Module Module1 code Sub Main() Dim First as Double Dim Second, Result as Double Result = First/Second Console. Write ("Enter First number?") First = Console. Read Line Console. Write ("Enter Second number?") Second = Console. Read Line Console. Write ("Result=") Console. Write line (Result) Console. Write line ("press any key to exit?") Console. Read line () End Module كما تالحظ تحقيق الكود في شاشة المحث من خالل )الشكل 43( )الشكل 43( يوضح ظهور رسائل تطالب المستخدم بادخال البيانات 36

37 المتغيرات Variables المتغيرات : هي اماكن لتخزين البيانات فيمكننا اجراء عملية متعددة داخل هذا لبرنامج ومن ثم يمكن لنا استخدام هذا البرنامج بصورة مستمرة بدال من اعادة حساب هذه العملية الحسابية بشكل متكرر في المواضيع المختلفة للبرنامج تستخدم المتغيرات variables لتخزين االتي : االرقام النصوص التاريخ االوقات باالضافة الى بيانات اخرى Numbers Text Date Times... وتحتاج لغة البرمجة Visualالى Basic.Net معرفة نوع البيانات المستخدمة مع المتغير ويتم تحديد نوع البيانات للمتغير عن طريق نوع البيانات Data Type فنوع البيانات عن تطبيق للحجم وطبيعة البيانات التي يتم تخزينها بالمتغير وقبل اساخدام أي متغير داخل الكود فالبد من تعريفه عمل deceleration لهذا المتغير ومعنى التعريف أو عمل deceleration للمتغير هو حجز مكان بالذاكرة المؤقته Ram للمتغير لحفظ هذه البيانات وذلك بدال من استخدام عنوان المتغير في الذاكرة Ram للتعامل مع البيانات ويجب اتباع بعض القواعد عند تسمية المتغيرات مثل أن يبداء اسم المتغير بحرف A, B, C..Z كما يجب اال يتضمن اسم المتغير على أي مسافات خالية أو رموز خاصة : special characters # $ % & { } : ; " ',.? ^ / * + ويجب االيزيد عدد الحروف للمتغير عن 466 حرف ويجب اال يتكرر داخل البرنامج الفرعي الواحد. الصيغة العامة لتعريف المتغيرات : Dim Variable Name AS Data Type حيث يبداء تعريف المتغير بالكلمة Dim متبوعة باسم المتغير Variable Name ثم الكلمة AS متبوعة بنوع البيانات التي تريد تعيينه لنوع المتغير ويجب مالحظة أن انه يجب اختيار نوع البيانات التي نريد استخدامها المتغير بعناية لتفادي استخدام مساحاتكبيرة 37

38 من الذاكرة بدون أي داعي وسوف نتعرف على انواع البيانات تفصيليا بالمواضيع القادمة فلتعريف متغير االسم X بنوع البيانات integer فتكتب الجملة : Dim X AS integer ولتعريف متغير له االسم Y بنوع بيانات String فتكتب الجملة : Dim Y AS String وتسمح لنا لغة VB.NET بتعريف اكثر من متغير بنفس الجملة فاذا اردنا على سبيل المثال تعريف المتغيرات x, y بنوع بيانات integer فتكتب الجملة : Dim x, y as integer واذا اردنا تعريف المتغير x بنوع integer والمتغير y بنوع بيانات double فتكتب الجملة : Dim x as integer, y as double ويمكننا تحديد قيمة ابتدائية 6 الحدى المتغيرات بطريقتين : Dim x as integer X=5 Dim x as integer = 5 الطريقة االولى : الطريقة الثانية : ولتعيين اكثر من قيمة الكثر من متغير بنفس الجملة : Dim x as integer= 5, y as double =4.99 ويمكن تعريف المتغير بدون تعيين البيانات له وذلك بكتابة الجملة بهذه الصيغة : Dim variable name وبهذه الصيغة فان البرنامج يقوم بتحديد object تلقائيا لهذا المتغير وهذا النوع من البيانات اكثر انواع البيانات مرونة حيث يالئم جميع انواع البيانات المتاحة حيث يتم تعيين البيانات للمتغير حسب القيم التي يتم تصنيفها له ففي الجملة التي نراها : Dim x X = 5 38

39 يقوم البرنامج بتعيين نوع البيانات بشكل تلقائي integer وعند كتابة هذه الجملة Dim x X = "Mohammed Hazim" يقوم البرنامج هنا تلقائيا بتحديد نوع البيانات string ولكن هذا النوع من البيانات ياخذ مساحةكبيرة من الذاكرة المؤقتة ram ولذلك اليفضل استخدامه لتعريف المتغيرات اال عند الظرورة. تمرين 0 قم بانشاء برنامج يقوم باجراء عمليات حسابية بحيث يقوم البرنامج بكتابة العمليات الحسابية قم باضافة مربع نص textbox العدد 4 وقم باضافة button العدد 0 ومن ثم اكتب الكود المتعلق بذلك داخل Button1 اوال سنوضح لكم شكل البرنامج بعد اضافة االدوات اليه كما )بالشكل 44( )الشكل 42 ( نافذة اضافة االدوات الى برنامج الحاسبة 39

40 نوضح لكم االن الكود المتعلق باجراء العمليات الحسابية واظهارها في رسالة نصية كماتالحظون )بالشكل 46( )الشكل 46 (يوضح الكود المتعلق بالعملية الحسابية 40

41 انواع المتغيرات متغيرات محلية وهي المتغيرات التي يتم االعالن عنها داخل اجراءات الوحدة البرمجية وعمرها البرمجي محصور منذ بدء االعالن عنها وحتى تنفيذها. متغيرات محلية ديناميكية وهي نوعان متغيرات محلية الستاتيكية متغيرات عامة وهي المتغيرات التي يتم االعالن عنها على مستوى الوحدة البرمجية ويكون مدى هذه المتغيرات شامال لجميع اجراءات الوحدة البرمجيبة ويتم التصريح عن هذه المتغيرات خارج اجراءات الوحدة البرمجية Module Module1 ' الوحدة مستوى على متغيرات Dim x as Integer Private y as Integer Sub Main () x = 50 Sub Test () y = 10 End Module Static Local Variables Sub Counter () Static counter As Integer Counter = counter + 1 Sub Print Data () Static is printing as Boolean If is Printing Then Exit Sub Else Is Printing = True End If Dynamic Local Variables Dim counter As Integer For counter = 1 To 10 Dim y as integer Next 41

42 الثوابت Constants الثوابت هي نوع من الحوافظ او الخازنات المؤقتة للبيانات وهي تتشابه الى حدكبير مع المتغيرات variables من حيث الوظيفة لكن هناك فرق مابين المتغيرات والثوابت هو أن الثوابت القيمة المعلنة أو المعرفة هي قيمة ثابتة واليمكن تغييرها وهذا مثال على ذلك: Const MyConst = 3 فوائد تعريف الثوابت : يعتبر التعامل معها اسرع في التنفيذ من المتغيرات. سهولة اضافة ثوابت جديدة. انواع البيانات Data Types بعد أن قمنا بايضاح المتغيرات عزيزي القارئ سنقوم حاليا بايضاح انواع البيانات التي سنستخدمها أو يجب أن تتالئم مع المتغيرات التي قمنا بالتصريح عنها ومن امثلة تلك البيانات ) date,times,integer,string,double...الخ ) عزيزي القارئ أن هذه االنواع البيانات التي سنتعامل معها ماهي اال فئات classes وتركيبات Structures وسنوضح لك في المواضيع بشكل مكثف عن الفئات classes وسنوضح لك حاليا عن انواع تلك البيانات : الحجم 4 بايت 0 بايت 4 بايت 0 بايت النوع Boolean Byte Char Date مجال القيمة True )صح( أو False )خطأ(. عدد صحيح من 0 الى. 255 حرف واحد من نوع Unicode وقت من الساعة 0:00:00 الى الساعة 11:59:59 كما يشمل تاريخ من يوم 0 يناير لعام 0001 الى 31 ديسمبر لعام عدد صحيح من 0 إلىDecimal 79,228,162,514,264,337,593,543,950,335± أو عشري من 0 إلى ± يتضمن اعداد بها كسور. يتضمن اعداد صحيحة. من 0 الى 2 مليار حرف غير مشفرة 09 بايت 0 بايت 4 بايت 4(+01 *عددالحروف(بايت Decimal Double Integer string 42

43 المصفوفات Arrays المصفوفات : هي طريقة لجمع مجموعة من المتغيرات مترابطة بطريقة ما أو هو متغير واحد يحتوي على عدة بيانات مترابطة لكل بيان داخلها له رقم خاص به من اجل الوصول اليه ويمكن استخدام Arrays مثال لحفظ درجات امتحان الطالب بفصل محدد أو بقائمة اسعار ولمعرفةكيفية التعامل مع المصفوفات نوضح لكم ذلك من خالل التمرين التالي : تمرين : قم بانشاء برنامج مصفوفات يقوم بعرض اسماء الطالب وذلك باستخدام المصفوفات وقم بافتراض ان عدد المتغيرات الفرعية للمصفوفة هي 3 متغيرات تتضمن اسماء الطالب : محمد ايهاب أحمد واطلب من البرنامج أن يقوم بعرض المتغير الفرعي array(2) في رسالة نصية وسنوضح لكم االن البرنامج بعد اضافة االدوات اليةكما )بالشكل 49( : )الشكل 49 ( يوضح اضافة ادوات برنامج المصفوفة 43

44 والى كتابة الكود المتعلق بالمصفوفة داخل Button1 كما ستالحظون في )الشكل 47( )الشكل 47( المتعلق باضافة كود المصفوفة وعند القيام بتنفيذ البرنامج بالضغط على F5 من اجل مشاهدة الرسالة الناتجة عن تنفيذ المصفوفة انظر )الشكل 40 ( )الشكل 40 ( يوضح ظهور الرسالة النصية باختيار عنصر المصفوفة array(2) 44

45 انواع الجمل Statements الجمل التي يمكن استخدامها هنا لدينا نوعان منها : جمل تشعبية )شرطية( جمل حلقات تكرارية وسنوضح لك عزيزي القارئ تفاصيل كل نوع من هذه الجمل بالشرح واالمثلة وسنبداء اوال بالجمل التشعبية )الشرطية( : الجمل التشعبية )الشرطية( مجلة select case مجلة if..then اوال جملة :if..then وهي عبارة عن جملة شرطية تستخدم بتحقيق شرط معين داخل جملة محددة وسنوضح لك عزيزي القارئ ذلك بمثال : تمرين : وفقا لمثالنا السابق لدينا نقوم بتعبئة اداة ال combobox1 باسماء الطالب : محمد ايهاب أحمد, ومن ثم لنفترض انه في حال تم اختيار اسم الطالب ايهاب من ال combobox1 يقوم البرنامج بعرض نتيجة الطالب )المعدل ) في مربع نص المعدل واذا لم يختار اي اسم من هؤالء الطالب تظهر له رسالة بانه لم يختار شئ ولتحقيق ذلك ولتعريف متغيرات المصفوفة الفرعية المتعلق بالدرجات للطالب انظر الجدول باالسفل وهو يضم اسم الطالب والدرجة النهائية أو المعدل : تعريف المتغير الفرعي الخاص بالمتغيرات المعدل اسم الطالب م dig(0) dig(1) dig(2) %61 %06 %01 محمد ايهاب أحمد واالن الى شاشة اضافة اسماء الطالب الى القائمة combobox1 من خالل نافذة الخصائص ثم نذهب الى items العناصركما ستالحظون )بالشكل 46 ( )الشكل 46 ( 45

46 ومن ثم اضافة االسماء في نافذة العناصر كما )بالشكل 401 (: )الشكل 401 ( المتعلق باضافة االسماء الى قائمة عناصر ال combo box ومن ثم تعديل عنوان Button1 الى النتيجة بعد ذلك نقوم بالذهاب الىكتابةكود المصفوفة والجملة التشعبية if then المتعلق بعرض نتائج الطالب في مربع النص ونقوم بكتابة الكود في Button1 كما هو موضح )بالشكل 400 ) : )الشكل 400 ( يوضح اضافة الكود المتعلق ببرنامج نتائج الطالب 46

47 مالحظة : كما تالحظ عزيزي القارئ انه تم تكوين مصفوفة تتعلق بدرجات الطالب تتكون من 3 عناصر فرعية بمعنى dig(2) وبعد تكوين المصفوفة قمنا بكتابة الجملة التشعبية if then وهي تتضمن في سطرها االول If ComboBox1.Text = "" Then بمعنى انه لو انه اليوجد أي عناصر تم اختيارها من القائمة يتم تنفيذ االتي : عرض رسالة نصية تخبرك بانك لم تختار شئ ثم نقوم بعد ذلك بفصل الشرط االول عن الي بعده من خالل استخدام كلمة (" ش ئ تختار لم") MsgBox Else بعد الكود السابق لنقوم بعد ذلك بكتابة الشرط التالي لو ان العنصر المختار من القائمة هو "ايهاب" قم بعرض النتيجة الموجودة في المتغير الفرعي في مربع النص كما هو موضح بالكود If ComboBox1.Text = "ايهاب" Then TextBox1.Text = dig (1) End If وكذلك مع بقية العناصر يتم التعامل بنفس الطريقة. ثانيا جملة : Select case وهي عبارة عن احدى انواع الجمل التشعبية ويتميز هذا النوع من الجمل بالسهولة والسالسة في تحقيق محتواه وسنوضح لكم استخدام الجملة التشعبية Select Case من خالل االستعانة بمثالنا السابق واضافة اليه انه يقوم البرنامج بعرض نوع المستوى الذي حققه الطالب من خالل المعدل الحاصل عليه فلو انه حصل على معد %61 بمعنى أن تقديره امتياز واذاكان تقديره %06 هذا يعني حصل على تقدير جيد جدا ولتنفيذ ذلك نقوم باضافة مربع نص اخر الظهار التقديرات Textbox2 واضافة label عنوان لمربع النصكماهو واضح امامكم )بالشكل 404( : 47

48 )الشكل 404 ( المتعلق باضافة مربع نص التقدير وعنوان label وبعد ذلك نقوم باالنتقال الى ادخال الكود المتعلق بتنفيذ عرض التقديرات ندخل الكود في Button1 كما تالحظ في )الشكل 403 ( : )الشكل 403 ( المتعلق بادخال كود جملة select case وبعد أن تم ادخال كود البرنامج قم بتشغيل البرنامج وقم باختيار الطالب محمد على سبيل المثال من القائمة ستالحظ انه تم اظهار تقدير الطالب محمد في مربع نص التقديرات كما تالحظ في )الشكل 402( : اختيار الطالب "محمد" من القائمة تالحظ ظهور التقدير الخاص بالطالب )الشكل 402( الخاص باظهار مربع التقديرات للطالب 48

49 التكرارية الحلقات For/Each الحلقة التكرارية الحلقات التكرارية هي عبارة عن جمل تتيح لك القيام بعملية التكرار داخل جزء من الكود أو ممكن انها تمر على متغير فرعي متعدد المحتوىكما في المثال التالي : قم بانشاء برنامج جديد واضف اليه Button1 بحيث يقوم البرنامج بعرض ناتج متغيرات نصية لجملة تكرارية من نوع For/ Each سنوضح لكم اضافة Button1 في النموذج وذلك في )الشكل 406 ( : )الشكل 406 ( يوضح طريقة اضافة كود الحلقة التكرارية داخل button1 قم بتشغيل البرنامج ب F5 ومن ثم قم بالنقر على Button1 انظر)الشكل 409 ( وستالحظ فيه ظهور الرسالة بشكل تكراريكلما مرة تقوم بالنقر على موافق داخل الرسالة التي ستظهر لك : )الشكل 409 ( يوضح ظهور الرسالة بشكل تكراري بعدد المتغيرات الفرعية داخل المصفوفة. 49

50 الحلقة التكرارية For/Next تستخدم هذه الجملة لتكرار جزء من الكود عدد من المرات يتم تحديدها مسبقا سيتم شرحها من خالل المثال التالي : تمرين: من خالل االستعانة بالمثال السابق نقوم االن باضافةكود الحلقة التكرارية For/Next فلنقوم باعالن عن متغير رقمي يتكرر من 0 الى 5 ويتم عرض مرات التكرار في رسالة نصية عدد 5 مرات عند النقر على Button1 نقوم باضافة الكود التالي في : Button1 Dim I as Integer For I = 0 To 5 MsgBox (i.tostring) Next 50

51 ستالحظ عزيزي القارئ هذه المره انه تم اعالن متغير من نوع integer وفي السطر الثاني من الكود يتمكتابة الجملة التكرارية على ان يحمل المتغير I عدد مرات التكرار من 0 الى 5 وفي السطر الثالث يتم عرض مرات التكرار في رسالة نصيةكما تالحظ في ( الشكل 407 ( : )الشكل 407 ( يوضح تطبيق كود جملة For/Next وظهور الرسالة النصية عدد المرات التي اعلن فيها المتغير I 51

52 مقدمة عن تصحيح االخطاء من المالؤف عزيزي القارئ انه عند االنتهاء من بناء مشروعك الخاص في فانه البد من تواجد اخطاء وقد تكون هذه االخطاء اما ان تم اكتشافها من قبل لغة البرمجة اثناء القيام بعملية التنفيذ أو االختبار أو اخطاء التستطيع اكتشافها لغة البرمجة فالبد من تواجد مثل هكذا اخطاء مهماكانت المهارة واالحترافية العالية من قبل المبرمج وسنذكر لك عزيزي القارئ حاليا 3 انواع من تلك االخطاء : اخطاء امالئية اخطاء تشغيلية اخطاء منطقية وهي تلك االخطاء الناجمة عن خلل امالئي في جملة الكود من نقص لالحرف أو أن تكون الكلمات المستخدمة غير صحيحة والشان لها بالبرمجة وسنذكر مثالين لمثل هكذا اخطاء : المثال االول : Dim s a string = "Mohammed" نجد أن الخطاء هنا هو في جملة االعالن كلمة as التي يجب تواجدها بعد اسم المتغير وقد تم ذكرها ب "a" المثال الثاني : وهي تلك االخطاء الناجمة عن اخطاء يتم اكتشافها اثناء التشغيل واحيانا بعد االنتهاء من انشاء المشروع يتم اكتشافها ومثل هذه االخطاء هو محاولة االتصال بقاعدة البيانات مع عدم صحة مسار قاعدة البيانات أو وجود خطاء في بناء جمل قواعد البيانات...الخ ويمكن معالجة مثل هكذا من االخطاء باستخدام عبارات أو جمل برمجية ومنها اضافة جملة on error resume next تضاف هذه الجملة في بداية الكود البرمجي وكذلك استخدام جملة Try catch وتختتم بجملة end try ويوضع الكود البرمجي فيما بين الجملتين وهي تلك االخطاء التي يصعب اكتشافها عندما تكون كفاءة النظام في اقل مايمكن مثال على ذلك : Dim a As Integer a = 5 Do While a < 5 a = a 5 Loop Dim a as string If a > 50 then A= a+50 الحظ الخطأ هو عدم ذكر end if التي تختتم جملة if الشرطية 52

53 التعامل مع صندوق االدوات Tool box سنتطرق يف هذا الفصل اىل اسس التعامل مع صندوق االدوات Tool box التعامل مع خصائص واحداث تلك االدوات من خالل امثلة ومتارين للتوضيح بذلك. موضحني كيفية مدخلك للتعامل مع صندوق االدوات Tool box الخصائص واالحداث 53

54 مدخلك للتعامل مع صندوق االدوات Tool box عزيزي القارئ سبق وأن تحدثنا بشكل مختصر عن صندوق االدوات Tool box في الفصل االول و او ضحنا اليك طريقة اضافة عناصر جديدة في صندوق االدوات Tool box وكيفية اضافة االدوات أو طرق اضافة االدوات الى النموذج سنقوم بشرح تفاصيل صندوق االدوات Toolكل box اداة على حدة وسنوضح خصائص واحداث تلك االدوات واالساليب موضحينكل ذلك بمجموعة من االمثلة والتمارين الشيقة. الخصائص properties عزيزي القارئ بعد أن عرفت نبذة مختصرة عن نافذة الخصائص في الفصل االول ستتعرف في هذا الفصل تفاصيل تلك النافذة وطرق التعامل بشكل اكثر موضحين ذلك بمجموعة من االمثلة والتمارين وقبل أن نتطرق الى ذلك سنوضح لكم نافذة الخصائص properties انظر )الشكل )30 : لون الخلفية لالداة خلفية االداة الخط ستالحظ تتفرع خصائص فرعية للخط ك اسم الخط خاصية حجم الخط خاصية لون الخط )الشكل 30 ( لتوضيح نافذة الخصائص 54

55 كيفية تعيين خصائص االدوات كما تحدثنا عزيزي القارئ في الفصل االول توجد طريقتين لتعيين الخصائص : االولى : تعيين الخصائص بشكل يدوي أي بمعنى أن المبرمج يقوم بتعيين وتعديل خصائص االدوات المضافة الى النموذج بشكل يدوي. الثانية : عن طريق الكود البرمجي وباستخدام االحداث Events وكما ذكرنا أن هذه الطريقة تعتبر طريقة تتسم بالمرونة أي بمعنى أن المبرمج يستطيع تعيين وتعديل خصائص االدوات المضافة الى النموذج من خالل االكواد المتعلقة أو المنسجمة مع الخصائصكذلك يستطيع المبرمج أن يجعل امكانية تعيين الخصائص بظل هذه الطريقة متاحة للمسخدم من خالل انشاء نافذة للخصائص تقوم بتعيين وحفظ التعيينات بحيث يستطيع المستخدم العودة لها مرة اخرى. عزيزي القارئ سنبداء اوال بشرح الطريقة االولى من خالل تمرين بسيط : تمرين : قم باضافة االدوات المذكورة بالجدول الى نموذجك الحالي وقم بتغيير الخصائص الواردة في الجدول يدويا : اسم األداة الخاصية القيمة Btn1 تغيير الخصائص Name Text Button1 Lbl1 بسم اهلل الرحمن الرحيم 18 True Black White Name Text Font. Size Font. Bold Back color Fore Color Label1 انظر الجدول وهو يوضح اشكال توضيحية الاضافة تلك االدوات الى النموذج ويقوم بتغيير تلك الخصائص يدويا كما انك ستالحظ في )الشكل 34( اضافة االدوات الى النموذج اوال : 55

56 )الشكل 34 ( وهو يوضح اضافة االدوات المضافة للنموذج الشرح التفصيلي تغيير خاصية Name وذلك من خالل الذهاب الى نافذة الخصائص ومن ثم تغيير اسم الزر الى btn1 كما هو في )33( : االداة Button1 0 تغيير اسم االداة )الشكل 33 ( يوضح تغيير خاصية االسم Name تغيير خاصية النص Text الى "تغيير الخصائص"كمافي )الشكل 32 ( : )الشكل 32 ( يوضح تغيير الخاصية Text تغيير نص االداة تغيير خاصية االسم Name لالداة الى lbl1 كما في )الشكل 36(: Label1 4 56

57 )الشكل 36 ( يوضح تغيير الخاصية Name الى labl1 تغيير خاصية النص Text الى "بسم اهلل الرحمن الرحيم" وذلككما )بالشكل 39 ( : )الشكل 39 ( يوضح تغيير الخاصية Text الى "بسم اهلل الرحمن الرحيم" تغيير خواص الخط )الحجم عريض(كذلك تغيير خاصية Back color لون الخلفية الى black وتغيير خاصية لون الخط الى white انظر )الشكل 37 ( والحظ تغيير الخصائص : )الشكل 37 ( وهو يوضح تغيير خاصية Font,Back color,fore. color االحداث Events مفهوم االحداث Events هي المكان المناسب والذي توضع في االوامر للتنفيذ بزمن محدد فاالحداث تعتبر هي الطريقة الثانية لتعيين خصائص االدوات فاالحداث تجدها في نافذة تحرير الكودكما في )الشكل 30 ( : 57

58 هنا الحدث المتعلق باالداة هنا االداة التي ستقوم بالتعامل مع احداثها )الشكل 30 ( يوضح مكان االحداث في نافذة تحرير الكود يمكنك عزيزي القارئ التعامل مع مختلف احداث الكود المتواجدة في القائمة اليمنى للنافذة بكل سهولة سنقوم بعرض مجموعة من االحداث ونوضح كل حدث مع مثال بسيط لذلك انظر )الشكل 36 ( وهو يوضح مجموعة من االحداث في قائمة االحداث: )الشكل 36 ( يوضح قائمة تضم مجموعة من االحداث في قائمة االحداث ستالحظ عزيزي القارئ انكل حدث يبداء بجملة اعالن عن االجراء المتعلق بالحدث ويختتم الحدث بجملة على سبيل المثال لناخذا الحدث click ستجد أن يتكون من جملة االعالن عن االداة button1 وينتهي بجملة end sub كما في )الشكل 301 (: 58

59 بامكانك التعامل مع جميع االحداث المتواجدة مابين جملة public class form1 وجملة end class الكود دائما يكتب مابين جملة private وجملة end sub )الشكل 131( يوضح تركيب الحدث Click عزيزي القارئ سنقوم بايضاح مجموعة من الوظائف لمجموعة من االحداث المتعلقة ب Button1 على سبيل المثال من خالل الجدول باالسفل : الوظيفة الحدث click وظيفته تنفيذ كود محدد عند القيام بعملية النقر على Button1 الحدث double click يقوم بتنفيذ كود محدد عند القيام بعملية نقر مزدوج على. Button1 Click Double click الحدث كيفية تعيين الخصائص من خالل االحداث : يتم تعيين الخصائص من خالل ادخال كود برمجي محدد في حدث ما للتحكم في خاصية معينة من خواص االدوات المضافة الى النموذج وللتوضيح اكثر من خالل تمرين يوضحكيفية تقوم بتغيير خواص label في نموذجك من خالل استخدام الحدث click للزر. Button1 تمرين : من خالل االستعانة بالتمرين السابق لدينا قم بتغيير الخصائص لالداة Button1 و label1 كما هو مطلوب منك بالجدول اعاله. من خالل االستعانة )بالشكل 34 ( وهو يوضح اضافة االدوات الى النموذج نقوم االن بالدخول الى نافذة تحرير االكواد لتنفيذ الكود المتعلق بتغيير الخصائص من خالل الحدث click ل button1 وذلك من خالل النقر المزدوج على button1 ومن ثم نقوم بادخال كود تغيير الخصائص : Code Private Sub Button1_Click (By Val sender As System. Object, By Val e As System.EventArgs) Handles btn1.click "تغييرالخصائص" = Button1.Text " الرحيم الرحمن هللا بسم" = Label1.Text Label1.Font = New Drawing. Font("Tahoma", 18, FontStyle.Bold, GraphicsUnit.Pixel) Label1.BackColor = Color. Black Label1.ForeColor = Color. White Label1.Name = "lbl1" 59

60 Button1.Name = "btn1" وهو كما هو ظاهر في )الشكل 300 ( الذي يوضح نتيجة الكود السابق في تغيير خصائص االداة Button1 & label1 )الشكل 300 ( يوضح تغيير خصائص االدوات من خالل الحدث click مالحظة : في السطر االول من الكود السابق قمنا بتغيير خاصية النص لالداة Button1 الى "تغييرالخصائص" "تغييرالخصائص" = Button1.Text في السطر الثاني قمنا بتغيير خاصية النص لالداة labl1 الى "بسم اهلل الرحمن الرحيم" "الرحيم الرحمن هللا بسم" = Label1.Text في السطر الثالث قمنا بتغيير خواص الخط لالداة } label1 اسم الخط حجم الخط عريض} خصائص االدوات Label1.Font = New Drawing. Font ("Tahoma", 18, FontStyle.Bold, GraphicsUnit.Pixel) في السطر الرابع قمنا بتغيير خاصية لون خلفية الخط الى اللون االسود Label1.BackColor = Color. Black في السطر الخامس قمنا بتغيير خاصية لون الخط لالداة label1 الى االبيض Label1.ForeColor = Color. White في السطر السادس قمنا بتغيير خاصية االسم لالداة label1 الى lbl1 ستالحظ عزيزي القارئ اننا قمنا بتاجيل تاخير تغيير االسم الى السطور االخيرة لماذا حتى نتيح تنفيذ االوامر السابق على االسم السابق label1 ونتجنب حدوث اخطاء. Label1.Name = "lbl1" 60 ستالحظ اننا قمنا كذلك btn1 كذلك هنا قمنا بالسطر االخير قمنا بتغيير خاصية االسم لالداة button1 الى بتاخير اعادة تسمية االداة لكي تجنب حدوث االخطاء وجعلناها باالخير. Button1.Name = "btn1"

61 اداة العنوان تستخدم لتوصيف ادوات اخرى في الغالب وتصبح عنوانا لتلك االداة. قم بانشاء برنامج يقوم بادخال بيانات تسجيل درجات الطالب في مربع نص Textbox واضف اليها مربع نص لتوصيفها باسم "درجات الطالب"كما )بالشكل 304 ( : استخدامها مثال )الشكل 304( يوضح اضافة اداة العنوان خصائص اداة العنوان label 0 خاصية االسم Name من خالل هذه الخاصية تستطيع أن تتحكم في تغيير اسم االداة. الشرح القيمة الخاصية تستخدم هذه الخاصية للقيام بتغير خلفية النص الموجود في اداة label1 ولتغيير خاصية اللون ماعليك اال أن تذهب الى نافذة الخصائص ثم الخاصية Back color وتقوم من خاللها بتغيير اللونكما في )الشكل 304( : Back color )الشكل 304 ( يوضح تغييرخاصية Back color 61

62 خاصية الحد تستخدم هذه الخاصية للقيام بالتمييز مابين ادوات العنوان label في حالكان لديك اكثر من اداة مختلفة الوظيفة مثال لوكان عندك برنامج يتكون من عدة label على شكل مجموعات Group مثال مجموعة متعلقة ببيانات الطالب ومجموعة متعلقة ببيانات المدرسين فانت الزم تفرق وتميز بين المجموعتين من خالل هذه الخاصية ويمكنك التحكم بهذه الخاصية باستخدام الكود التالي : Label1.BorderStyle=BorderStyle.Fixed3d وبنشرح لكمكل قيمة ومامعناها والغرض منها معناها أن الخاصية Border Style لم يطرئ عليها أي تغيير ولم تضع لها حد وتستخدم اللغاء الحد. معناه أن الخاصية Border Style قمنا بوضع حد لها من نوع حد خطيكما في )الشكل 303( : None Fixed Single Border Style كما تالحظ وجود الحد الخطي الداة العنوان )الشكل 303 (يوضح تعيين القيمة Fixed Single تقوم هذه القيمة بتغيير شكل الحدود الخارجي الداة العنوان الى ثالث االبعاد انظر )الشكل 302 ( : Fixed3d اصبح شكل الحد ثالثي االبعاد. )الشكل 302( يوضح تعيين القيمة Fixed3d تستخدم هذه الخاصية لتغيير شكل مؤشر الفارة عند المرور فوق االداة label وهناك قائمة تتضمن عدة اشكال من المؤشرات يمكنك تجربتها. Cursor 62

63 الخاصية الخاصية الفرعية القيمة الشرح تمكنك تحديد اسم الخط الذي تريده. Font Name Font True الخط سميك Font Bold False الخط غير سميك رقم صحيح تمكنك من تحديد حجم الخط. Font Size True معناه تم وضع سطر اسفل الخط. Font Strikeout False لم تضع سطر اسفل الخط. معناه أن الخط بيكون مائل. True Font Italic معناه ان الخط غير مائل. False الخاصية القيمة الشرح label تمكنك هذه الخاصية من القيام بتغيير لون الخط لالداة Fore color يمكنك مراجعة تعيين الخاصية من )الشكل السابق 37( )والشكل 300( تستطيع عزيزي القارئ من خالل هذه الخاصية التحكم في عرض Right To نص الخط الموجود في االداة label1 اثناء التصميم واثناء Left التنفيذ كذلك. عرض نص الخط من اليمين الى الشمال. Yes عرض نص الخط من الشمال الى اليمين. No مكانكتابة النص المراد ظهوره في اداة العنوان label1 يمكنك Text مراجعة ذلك من خالل )االشكال 39 ( )300(. تمكنك هذه الخاصية من القيام بتحديد اتجاه النص المتواجد في Text align اداة العنوان. label1 تنسيق النص الى اليمين. Right تنسيق النص الى الشمال. Lift تنسيق النص بالوسط. Center تمكنك هذه الخاصية من القيام بتمكين اداة العنوان اثناء التنفيذ. Enabled 63

64 معناه أن اداة العنوان مفعلة. انظر )الشكل 306 ( True )الشكل 306( label1 مفعلة معناه أن اداة العنوان غير مفعلة. انظر )الشكل 309 ( false )الشكلlabel1)309 غير مفعلة. يمكنك استخدام الخاصية للقيام بعملية اعادة تسمية االداة label من مثالنا السابق للقيام بعملية اعادة التسمية ننقر على Name االداة label1 ومن ثم نذهب الى نافذة الخصائص properties ومن ثم نقوم بتغيير الخاصية Name مثال الى lbl1 كما في ( الشكل 307( : )الشكل 307 ( يوضح تغيير خاصية Name تستطيع من خالل هذه الخاصية التحكم في امكانية االتاحة لتفعيل بعض الخواص االخرى الداة العنوان. label1 Locked 64

65 بهذه الحالة فان اداة العنوان مقفلة لن تستطيع التحكم بها من تغيير حجم او تفعيل اي خاصية اال بعد الغاء القفل لها. True بهذه الحالة فانك تستطيع تغيير العديد من الخصائص لالداة False label1 من حجم وموقع..الخ تستطيع من خالل هذه الخاصية تحديد مكان ظهور اداة العنوان Dock label1 اثناء التصميم واثناء التنفيذ. اذا اردت أن تملئ االداة الجهة اليمنى من النموذج وتتخذ شكل Right عمودي انظر )الشكل 300 ( : )الشكل 300( قمنا بملئ االداة label1 في الجهة اليمنى يمكنك من خالل القيمة Left أن تملئ االداة بالجهة االيسرى Left انظر )الشكل 306 (: )الشكل 306 ( قمنا بملئ االداة label1 في الجهة اليسرى تمكنك هذه الخاصية بالتحكم في حجم اداة العنوان وظهورها بالحجم المطلوب اثناء التصميم واثناء التنفيذ كذلك. 65

66 نستخدمها في حالة اردنا أن نملئ االداة بالجزء العلوي للنموذج. نستخدمها بحال اردنا أن نملئ االداة بالجزئ السفلي للنموذج. Top بحال اردنا أن تملئ االداة النافذة بكلها. Bottom اذا لم ترغب باستخدام هذه الخاصية. Fill None تستخدم هذه الخاصية للتحكم في حجم ظهور االداة اثناء التصميم وعند التنفيذ. Size تستخدم لتحديد عرض االداة. Width تستخدم لتحديد طول االداة. Height تستخدم هذه الخاصية للتحكم في عملية ظهور واخفاء اداة العنوان label1 اثناء التنفيذ. Visible تستخدم هذه القيمة الظهار اداة label1 اثناء التنفيذ. تستخدم هذه القيمة الخفاء اداة label1 اثناء التنفيذ. True False تستطيع من خالل هذه الخاصية بالتحكم في ظهور اداة العنوان. x,y باستخدام المحورين label1 Location المستوى x وهو يمثل المستوى االفقي ويتحكم في ظهور االداة label1 بمكان محدد على المستوى االفقي X المستوى y وهو يمثل المستوى الراسي ويتحكم في ظهور االداة label1 بمكان محدد على المستوى الراسي. Y تمرين : 66

67 قم بانشاء برنامج يتحكم في الخواص التالية الداة العنوان label1 وذلك من خالل انشاء ازرار مسماه تتحكم بكل خاصية : Locked Dock Visible اسم االداة Label1 Label2 Label3 Label4 Button1 Button2 Button3 Button4 Button5 Button6 الخاصية Name Text Font Name Text Name Text Name Text Name Text Name Text Name Text Name Text Name Text Name Text القيمة Lbl1 عنوان االداة Tahoma; 12pt; style=bold Lbl2 Enabled Lbl3 Dock Lbl4 Visible Btn1 True Btn2 False Btn3 Right Btn4 Lift Btn5 True Btn6 False انظر )الشكل 344 ( والحظ شكل النموذج بعد اضافة االداوات 67

68 )الشكل 344 ( يوضح انشاء برنامج للتحكم بخصائص اداة العنوان label1 ثم قم بادراج الكود المتعلق بالبرنامج في نافذة محرر االكواد Public Class Form1 Code Private Sub btn1_click (By Val sender As System.Object, By Val e As System. EventArgs) Handles btn1.click lbl1.enabled = True خاصية التمكين مفعلة' Private Sub Button1_Click (By Val sender As System Object, By Val e As System. EventArgs) Handles Button1.Click lbl1.enabled = False خاصية التمكين غيرمفعلة' Private Sub Button3_Click (By Val sender As System.Object, By Val e As System. EventArgs) Handles Button3.Click lbl1.dock = Dock Style. Right الملئ لليمين' Private Sub Button2_Click (By Val sender As System. Object, By Val e As System. EventArgs) Handles Button2.Click lbl1.dock = Dock Style. Left الملئ لليسار' Private Sub Button5_Click (By Val sender As System. Object, By Val e As System. EventArgs) Handles Button5.Click lbl1.visible = True اداة العنوان ظاهرة ' 68

69 Private Sub Button4_Click (By Val sender As System. Object, By Val e As System. EventArgs) Handles Button4.Click lbl1.visible = False اداة العنوان مخفية ' Private Sub Form1_Load (By Val sender As System. Object, By Val e As System. EventArgs) Handles My Base. Load End Class 69

70 اداة مربع النص استخدامها تستخدم هذه االداة الدخال البيانات ومن ثم استخدام تلك البيانات استخدام محدد مثال أن نحتاج اداة Textbox الدخال درجات الطالب سيكون نوع البيانات المدخل هنا عبارة عن ارقام وانكان الغرض منها ادخال البيانات المتعلقة باسماء الطالب ستكون نوع البيانات المدخلة هي نصوص...الخ. قم بانشاء برنامج يقوم بادخال بيانات تسجيل درجات الطالب في مربع نص Textbox واضف اليها مربع نص لتوصيفها باسم "درجات الطالب"كما )بالشكل السابق 304(: مثال خصائص اداة مربع النص Textbox تمتلك اداة مربع النص الخواص التالي: Backcolor,BorderStyle,Cursor,Font,Forecolor,Right To lift,text,textalign,enabled,locked,dock,size, visible, Location وجميع هذه الخواص تم شرحها في اداة العنوان label1 ولكن هناك بعض الخواص االخرى التي لم نتحدث عنها سابقا سنتحدث عنها االن في اداة textbox سنقوم بشرحها االن بشكل مفصل : الخاصية القيمة الشرح تتيح لك هذه الخاصية التحكم بحالة االحرف التي تقوم بادخالها في مربع النص Text Box اماكبيرة Character casing اوصغيرة أو اعتيادية والتنطبق هذه الخاصية مع االحرف العربية حيث انها تنطبق فقط على االحرف االنجليزية انظر )الشكل 341 ( 70

71 )الشكل 341 ( يوضح الخاصية character casing ابقاء الحروف على حالتها. تحويل الحروف الىكبيرة. تحويل الحروف الى صغيرة. Normal Upper Lower تمكنك هذه الخاصية من التحكم في اظهار واخفاء التظليل على الكلمات او النصوص او البيانات االخرى المتواجدة في مربع النص textbox1 بعد االنتقال الى Hide selection ادوات اخرى. ابقاء النص مظلال بعد االنتقال من مربع النص الى مكان True اخر في النموذج انظر )الشكل 341 (: )الشكل 341 ( يوضح ابقاء تظليل النص بعد االنتقال اخفاء تظليل النص بعد االنتقال من مربع النص الى مكان False اخر في النموذج. تمكنك هذه الخاصية من التحكم في الحد االقصى لالحرف المدخلة في مربع النص Textbox1 اثناء التصميم والتنفيذ معا. بهذه الحالة اليمكن التقيد بحد معين لحالة عدد االحرف 1 Max Length في مربع النص. Textbox1 71

72 عدد صحيح وبهذه الحالة تستطيع وضح حد معين لعدد االحرف في مربع النص. Textbox1 وتسمى هذه الميزة بميزة تعدد االسطر أي بمعنى تمكنك من عرض عدد االسطر في مربع النص Textbox1 Multiline بحيث يمكنك من تحديد عدد االسطر الظاهرة في مربع النص. أن مربع النص متعدد االسطر. True أن مربع النص غير متعدد. False تمكنك هذه الخاصية من ترميز الكتابة الظاهرة في مربع النص بعدة اشكال أو رموز سرية اليستطيع أن يفهمها المستخدم العادي وتستخدم غالبا هذه الخاصية في نماذج Password Char وشاشات الدخول التي تمكنك من الدخول الى االنظمة. اظهار رمز النجمة بدال من اظهار الحرف نفسه. انظر )الشكل 340 ( : * )الشكل 340 ( يوضح اظهار رمز* بدال من االحرف في مربع كلمة المرور. اظهار عالمة التعجب بدال من االحرف.! تمكنك هذه الخاصية من جعل النصوص المدخلة في مربع النص Textbox غير قابلة للتعديل وانما للقراءة فقط. أن المستخدم لن يتمكن من تعديل النصوص في مربع True Read Only النص. أن المستخدم متاح له امكانية التعديل في النصوص False المدخلة بمربع النص. 72

73 تمرين: قم بانشاء برنامج تسجيل دخول يتكون من اداة العنوان label و اداة مربع النص Text box وزرين Button احداهما دخول واالخر ينفذ الخروج وقم بتغيير بعض الخواص الموجودة في االدوات المضافة واجعل قيمة = password Char * واجعل البرنامج يقوم بالتحقق من البيانات المدخلة في مربعات النص. الخاصية Label1 Label2 Textbox1 Textbox2 Button1 Button2 القيمة Name Text Name Text Name Name Name Text Name Text الشرح Lbl1 "المستخدم" Lbl2 "كلمة المرور" Txt1 Txt2 Btn1 "دخول" Btn2 "خروج" انظر )الشكل 344 ( والحظ فيه النموذج بعد اضافة االدوات اليه : )الشكل 166( يوضح شكل برنامج تسجيل الدخول بعد اضافة االدوات 73

74 بعد أن قمنا ببناء شكل النموذج نقوم االن باضافة االكواد في نافذة تحرير الشفرة : ادخال الكود المتعلق بالتحقق من النصوص المدخلة في مربع نص المستخدم txt2 & txt1 في Btn1 نفرض اننا سنستخدم هنا الجملة الشرطية IF then للتحقق من مدى البيانات المدخلة في مربع النص والبيانات المدخلة ب txt2 "user" هي بمعنى اذاكانت البيانات النصية المدخلة ب txt1 txt2 & txt1 هي "pass123" تظهر لنا رسالة نصية تخبرنا بان البيانات المدخلة صحيحة وفي حالة لم يتحقق ذلك تظهر لنا رسالة نصية تخبرنا بان البيانات المدخلة خاطئة : Public Class Form1 Code Private Sub btn1_click (By Val sender As System.Object, By Val e As System. EventArgs) Handles btn1.click If txt1.text = "user" And txt2.text = "pass123" Then ("صحيحة املدخلة البيانات") MsgBox Else ("الصحيح بالشكل البيانات ادخال من تاكد") MsgBox End If انظر )الشكل 343 ( يوضح تنفيذ الكود السابق : )الشكل 343 ( يوضح تنفيذ الكود السابق 74

75 txt2 نقوم االن بادخال بعد أن قمنا بادخال كود التحقق من البيانات المدخلة في مربعات النصوص & txt1 كود الخروج في الزر btn2 Public Class Form1 Code Private Sub btn2_click (By Val sender As System.Object, By Val e As System. EventArgs) Handles btn2.click end تمرين : قم بانشاء برنامج له القدرة بالتعامل مع خصائص textbox التالية : Text, Accepts Return, Accepts Tab, Append Text, Back Color, Fore Color, Background Image, Border Style, Clear, Cursor, Font, MaxLength, Reset Text, Scrollbars, Select, Select All, Selection Start, Selection Length, Size, Text Align, Undo, Visible, Select All, Copy, Select All, Cut اوال : نقوم ببناء شكل البرنامج ونقوم بانشاء ازرار بعدد الخصائص التي ذكرناها وتسميتها باسم تلك الخصائص انظر )الشكل 342( والحظ النموذج بعد اضافة االدوات اليه : )الشكل 164( يوضح شكل برنامج التعامل مع خصائص textbox 75

76 ثانيا : بعد أن قمنا ببناء شكل البرنامج نقوم االن بتركيب االكواد المتعلقة بالخصائص : Public Class Form1 Code Private Sub Button5_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button5.Click TextBox1.Clear() النص مربع في النصوص مسح' Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click "بكم يرحب الشميري املهندس" = TextBox1.Text ترحيبية رسالة عرض' Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click TextBox1.AcceptsReturn = True جديد سطر وانشاء الرجوع من تمكن سوف ' Private Sub Button4_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button4.Click TextBox1.AcceptsTab = True والانتقال التاب الزر على الضغط قبول من يمكن سوف' Private Sub Button3_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button3.Click ("اخرى مرة بكم نرحب" & TextBox1.AppendText(vbCrLf السابق بالسطر املوجودة العبارة مع اخرى مرة بكم نرحب عبارة دمج يتم سوف' Private Sub Button24_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button24.Click TextBox1.BackColor = Color.Blue النص خلفية لون تغيير من تمكن' Private Sub Button8_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button8.Click TextBox1.ForeColor = Color.Black الخط لون تغيير من تمكن سوف' Private Sub Button7_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button7.Click TextBox1.BackgroundImage = Image.FromFile(Application.StartupPath & "\vb.net.jpg") النص خلفية تغيير من تمكن سوف' Private Sub Button6_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button6.Click 76

77 TextBox1.BorderStyle = BorderStyle.FixedSingle الحدود نمط تغيير' Private Sub Button23_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button23.Click TextBox1.Cursor = Cursors.Hand الفارة مؤشر تغيير' Private Sub Button16_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button16.Click TextBox1.Font = New Drawing.Font("Comic Sans MS", 12, FontStyle.Bold, GraphicsUnit.Pixel) الخط خصائص تغيير ' Private Sub Button15_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button15.Click TextBox1.MaxLength = 3000 الحروف لعدد الاقص ى الحد تحديد' Private Sub Button14_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button14.Click TextBox1.ResetText() الافتراضية القيمة الى النص ارجاع' Private Sub Button13_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button13.Click TextBox1.ScrollBars = ScrollBars.Vertical انزالق شريط اضافة' Private Sub Button22_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button22.Click TextBox1.Select(0, 11) حرف 12 بطول البداية من النص تظليل' Private Sub Button12_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button12.Click TextBox1.SelectAll() بالكامل النص تظليل' Private Sub Button11_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button11.Click TextBox1.SelectionStart = 0 حرف اول من التظليل بدء' Private Sub Button10_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button10.Click TextBox1.SelectionLength = 11 املظلل النص طول ' Private Sub Button9_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button9.Click TextBox1.Size = New Size(300, 400) 77

78 النص مربع حجم تغيير ' Private Sub Button21_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button21.Click TextBox1.TextAlign = HorizontalAlignment.Center النص مربع منتصف في النص عرض' Private Sub Button20_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button20.Click TextBox1.Undo() النص ملربع تحرير اخر عن التراجع' Private Sub Button19_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button19.Click TextBox1.Visible = True النص مربع بظهور التحكم' Private Sub Button18_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button18.Click TextBox1.SelectAll() النص مربع مايحتويه كل تظليل' Private Sub Button17_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button17.Click TextBox1.Copy() النص مربع داخل املظلل الجزء نسخ' Private Sub Button25_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button25.Click TextBox1.SelectAll() النص مربع مايحتويه كل تظليل' Private Sub Button26_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button26.Click TextBox1.Cut() النص مربع داخل املظلل الجزء قص' End Class اداة زر عزيزي القارئ ستالحظ أن االدوات تشابهة في معظم خصائص Buttonكما تعلم عزيزي القارئ أن الزر Button يستخدم لتنفيذ امر محدد يرغب المبرمج في تنفيذه ويمكن لك أن تتعامل معكافة خصائص Button سنذكرك عزيزي القارئ بتلك الخصائص وانه بامكانك التعامل مثل ما تعاملنا مع االدوات السابقة : 78

79 Fore Font Enabled Dock Curser Context menu Cause Validate Back color Text Align Text Tab Stop Tab Index Size Locked Color فلن نقوم حاليا بشرح هذه الخصائص حتى النضيع الوقت اكثر في تكرارها. اداة مربع االختيار استخدامها مثال تستخدم هذه االداة الختيار امر من مجموعة من االوامر أو للقيام بعملية تصويب خيار محدد ستالحظ عزيزي القارئ أنه يظهر في مربع االختيار عالمة صح )True( ويمكن أن تختفي عن النقر على المربع مرة اخرى وذلك يعني االمر خطأ )False( قم بانشاء برنامج يقوم باختيار نوع اللون الظاهر في خلفية اداة العنوان هل هو ازرق أم اخضر اذا تم اختيار اللون بالشكل الصحيح تظهر لك رسالة نصية تخبرك بذلك والعكس صحيح. عزيزي القارئ هناك بعض الخصائص التي يتكرر ذكرها في االدوات السابقةك االتي : Fore Font Enabled Dock Curser Context menu Cause Validate Back color Text Align Text Tab Stop Tab Index Size Locked Color فلن نقوم حاليا بشرح هذه الخصائص حتى النضيع الوقت اكثر في تكرارها ولكننا سنكتفي بشرح خصائص اخرى لم نذكرها من ضمن تلك الخصائص وهي كاالتي : الخاصية القيمة الشرح تمكنك هذه الخاصية من التحكم بشكل ظهور مربع االختيار فتوجد قيميتين تمثلكل شكل على حده لمربع االختيار. check box معناه أن مربع االختيار سيظهر بالشكل العادي له. وهنا ستالحظ ان مربع االختيار سياخذ شكل زر تنفيذ االوامر انظر )الشكل 342(. Normal Button Appearance 79

80 )الشكل 342 (يوضح شكل مربع االختيار خاصيةاالختيار التلقائي هي عبارة عن خاصية تمكنك من تصويب مربع االختيار ووضع عالمة صح )True( بشكل تلقائي. تمكنك هذه الخاصية من وضع عالمة االختيار )true( عند النقر بشكل تلقائي على مربع االختيار. هنا لن تمكنك من االختيار مهما قمت بعملية النقر واالختيار في المربع. True False Auto Check تمكنك هذه الخاصية من تنسيق شكل االختيار وهذه الخاصية تشبه نوعا ما الخاصية. Dock Check Align تمكنك هذه الخاصية للقيام بعملية التاكد من قيام المستخدم باالختيار في مربع االختيار ومعرفة هل هو. )False( أم )True( المستخدم قام باالختيار. المستخدم لم يقم باالختيار. True False Checked تمكنك هذه الخاصية من معرفة حالة االختيار. لم يقم المستخدم باالختيار. قام المستخدم باالختيار. غير محدد. Unchecked Checked Indeterminate Check State تمكنك هذه الخاصية من القيام بعملية اضافة حالة ثالثة لالختيار اي بمعنى انه الحالة الثالثة مثال لن نقوم باختيارها. معناه انه يوجد ثالث حاالت لمربع االختيار. اما هنا فتوجد حالتان فقط اما صواب أو بدونها. True False Three State 80

81 مالحظة : حتى تتمكن من استخدام الخاصية check state يجب عليك اوال أن تقوم بتفعيل الخاصية Three state وتعطيها قيمة. True تمرين : قم بانشاء برنامج يقوم باختيار نوع اللون الظاهر في خلفية اداة العنوان هل هو ازرق أم اخضر اذا تم اختيار اللون بالشكل الصحيح تظهر لك رسالة نصية تخبرك بذلك والعكس صحيح. الشرح Lbl1 "مرحبا بكم" "Tahoma; 14.25pt" "Orange" Chkbox1 " خلفية اداة العنوان برتقالي" Chkbox2 " خلفية اداة العنوان خضراء" الخاصية Label1 CheckBox1 CheckBox2 القيمة Name Text Font Back color Name Text Name Text انظر )الشكل 346( والحظ النموذج بعد اضافة االدوات اليه : 81

82 )الشكل 346( بعد اضافة االدوات اليه بعد أن قمنا ببناء شكل النموذج نقوم االن بتركيب االكواد المتعلقة بالبرنامج وسنستخدم حاليا الجملة if then للتحقق من االختيار في مربع االختيار ندخل الكود المتعلق بمربع االختيار االول : Public Class Form1 Private Sub chkbox1_checkedchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles chkbox1.checkedchanged If chkbox1.checked = True Then ("صحيح اختيارك") MsgBox صحيح اختيارك صائب الاختيار وان طاملا' End If Code ثم نقوم بادخال الكود المتعلق بمربع االختيار الثاني : Public Class Form1 Code Private Sub chkbox2_checkedchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles chkbox2.checkedchanged If chkbox2.checked = True Then ("خطأ اختيارك") MsgBox صحيح اختيارك صائب الاختيار وان طاملا' End If 82

83 انظر )الشكل 349( والحظ النموذج بعد التنفيذ : )الشكل 349 ( يوضح تنفيذ البرنامج السابق 83

84 Radio button اداة زر االختيار االداة Radio button تعتبر اداة وحيدة االختيار بمعنى انها تتيح للمستخدم اختيار خيار واحد من مجموعة خيارات حيث توجد بينها وبين اداة االختيار السابقة check box حيث نجد ان في زر االختيار Radio button التوجد الخاصية Three State التي تتيح للمستخدم امكانية تعدد حاالت االختيار. استخدامها مثال قم بانشاء برنامج يقوم بتغيير خاصية االلوان لخلفية اداة العنوان. عزيزي القارئ هناك بعض الخصائص التي يتكرر ذكرها في االدوات السابقة ك االتي : Fore Font Enabled Dock Curser Context menu Cause Validate Back color Text Align Text Tab Stop Tab Index Size Locked Color مالحظة : لكننا عزيزي سنتطرق القارئ للخاصية يوجد فرق value بين اداة مربع االختيار Check box ومابين زر االختيار Radio button حيث أن الخاصية المتعلقة ب three state والمتوفرة في مربع االختيار check box غير متوفرة في اداة زر االختيار Radio button كما انه يمكنك من خالل مربع االختيار القدرة على اختيار اكثر من حالة اختيار بينما في اداة زر االختيار Radio button اليمكنك سوى اختيار حالة واحدة فقط وسيتضح لك من خالل )الشكل : )162 )الشكل 347( يوضح الفرق بين مربع االختيار وزر االختيار 84

85 تمرين : قم بانشاء برنامج يقوم بالتحكم بخاصية تغيير لون الخط الداة العنوان label واضف الى البرنامج االدوات التالية : الخاصية Label1 GroupBox1 Radio button1 Radio button2 Radio button3 Textbox1 القيمة Name Text Name Text Name Text Name Text Name Text Name الشرح Lbl1 "اللون" Group1 "لون الخط" Rd1 "ازرق" Rd2 "اخضر" Rd3 "احمر" Txt1 Btn1 "عرض النص" Name Text Button1 اوال : سنقوم ببناء شكل البرنامج وباحتوى ازرار االختيار في اداة GroupBox1 انظر )الشكل 340( : )الشكل 340( يوضح شكل برنامج االلوان 85

86 ثانيا : بعد أن قمنا ببناء شكل البرنامج نقوم باالتي : نقوم بتركيب الكود المتعلق بعرض النص المدخل في مربع النص أن يتم عرضه في اداة العنوان : Public Class Form1 Code Private Sub btn1_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btn1.click lbl1.text = txt1.text نقوم بادخال الكود المتعلق بتغيير لون اداة العنوان عند اختيار الزر الذي يمثل اللون االزرق في rd1 وذلك بالنقر المزدوج على اداة زر االختيار Rd1 لكي نقوم بتركيب الكود في الحدث : Public Class Form1 Code Private Sub rd1_checkedchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles rd1.checkedchanged lbl1.forecolor= Color.Blue نقوم بادخال الكود المتعلق بتغيير لون اداة العنوان عند اختيار الزر الذي يمثل اللون االخضر في rd2 وذلك بالنقر المزدوج على اداة زر االختيار Rd2 لكي نقوم بتركيب الكود في الحدث : Public Class Form1 Code Private Sub rd2_checkedchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles rd2.checkedchanged lbl1.forecolor= Color.Green 86

87 نقوم بادخال الكود المتعلق بتغيير لون اداة العنوان عند اختيار الزر الذي يمثل اللون االحمر في rd3 وذلك بالنقر المزدوج على اداة زر االختيار Rd3 لكي نقوم بتركيب الكود في الحدث : Public Class Form1 Code Private Sub rd3_checkedchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles rd3.checkedchanged lbl1. ForeColor= Color.Red بعد أن قمنا بتركيب االكواد المتعلقة بالبرنامج نقوم االن بتنفيذ البرنامج وتشغيله ومن ثم نقوم بادخال نص ترحيبي في مربع النص ونقوم بالضغط على الزر عرض النص ليقوم بنقل النص او عرضه في اداة العنوان ومن ثم نقوم باختيار ازرار االختيار والتنقل فيما بينها ستالحظ انه يقوم بتغيير لون الخط في اداة العنوان الحظ )الشكل 346( : )الشكل 346( يوضح شكل البرنامج بعد القيام باختيار زر االختيار "ازرق" 87

88 list box اداة القائمة تعتبر اداة القائمة من االدوات الهامهكثيرة االستخدام في الحياة العملية والتي يحتاجها بكثرة المبرمج في تصميم برامجه وتطويرها استخدامها تستخدم اداة القائمة list box لعرض العناصر فيها بشكل مسرد ومرتب بحيث تمكن المستخدم من اختيار تلك العناصر والتعامل معها اما باالضافة والتعديل او الحذف او جعل احدى العناصر المحددة أو التي تم اختيارها من تنفيذ امر معينكما انه بامكان المستخدم القدرة على ختيار عنصر واحد او اكثر بالقائمة. مثال قم بانشاء برنامج يقوم بعرض أو اضافة اسماء االدارات أو االقسام الموجودة في الشركة. عزيزي القارئ هناك بعض الخصائص التي يتكرر ذكرها في االدوات السابقةك االتي : Fore Font Enabled Dock Curser Context menu Cause Validate Back color Tab Stop Tab Index Size Locked Color وهناك من الخصائص التي لم نذكرها سابقا سنشرحها االن انظر الجدول الموجود اسفل : الخاصية القيمة الشرح تمكنك هذه الخاصية من التحكم من عرض Multicolumn العمود في القائمة list box حتى تتمكن من االستفادة من تطبيق هذه الخاصية يجب أن تعطى لها القيمة True انظر )الشكل 31 )3 )الشكل 331 ( يوضح اعطاء القيمة True للخاصية 88

89 صفر عدد صحيح معناه أن النظام سوف يحدد عرض االعمدة. عرض العمود في القائمة متعدد االعمدة. ColumnWidht اما عن خاصية شكل الظهور التي من التحكم بشكل ظهور القائمة list box وتتيح لك المجال اما أن تقوم بتركها لتحكم بها من قبل النظام أم انك تريد أن تتحكم بها انت. معناه أن النظام سوف يحدد شكل القائمة. معناه انت من سيقوم بتغيير خاصية الشكل عرض العناصر )ارتفاعها( مع مالحظة ان االرتفاع سيكون هو نفسه لجميع العناصر وذلك من خالل الخاصية height Normal OwnerDrawFixed Draw Mode أن المستخدم من يحدد شكل العناصركما انه بامكانك اعطاء ارتفاعات مختلفة للعناصر. OwnerDrawVariable خاصية ارتفاع العناصر تمكنك هذه الخاصية من تحديد ارتفاع العنصر في القائمة. Item Height مالحظة : عزيزي القارئ ستالحظ اننا لم نقم بشرح الخاصية & data source & data bindings display member في االدوات السابقة ولكننا سنتطرق لها في كتب الحقه وبالذات في فصل مدخلك في برمجة قواعد البيانات. لكي تتمكن من استخدام هذه الخاصية Item Height يجب عليك أن تقوم باختيار احدى القيم التالية من خاصية شكل الظهور OwnerDrawFixed أو OwnerDrawVariable ففي حال كانت خاصية الظهور ارتفاع العنصر. هي OwnerDrawFixed فان قيمة هذه الخاصية ستكون هي قيمة OwnerDrawVariable اما في حال كانت قيمة خاصية الظهور هي القيمة هي ك قيمة ارتفاع الخر عنصر تمت اضافته. ففي هذه الحالة ستكون هذه 89

90 الخاصية القيمة الشرح خاصية العناصر : تمكنك هذه الخاصية من القدرة على Items اضافة العناصر التي ترغب باضافتها الى القائمة list box فيمكنك اضافة العناصر الى القائمة اما من خالل اضافتها يدويا من خالل الخاصية items الموجودة في نافذة الخصائص انظر )الشكل 330( : )الشكل 330 (يوضح اختيار الخاصية items ومن ثم نقوم بادراج العناصر المراد اضافتها على سبيل المثال اذا رغبنا باضافة االدارات في الشركة انظر )الشكل )334 : )الشكل 334 (يوضح اضافة العناصر يدويا كما انك ستتعلم عزيزي القارئ كيف تقوم بالتعامل مع القائمة بشكل اكبر من المواضيع القادمة مثل : اضافة العناصر وتعديلها وحذفها من القائمة. خاصية تعدد االعمدة : تعتبر من الخواص الهامة في Multicolumn اداة القائمة list box حيث انها تمكنك من اضافة اكثر من عمود في القائمة. القائمة متعددة االعمدة. True القائمة غير متعددة االعمدة )عمود واحد فقط(. False 90

91 مالحظة: في حال أن قمت باختيار القيمة True لخاصية تعدد االعمدة يعني ذلك عزيزي القارئ انك بحاجة للتحكم بالمسافة الفاصلة بين تلك االعمدة أي عرض االعمدة. Column Width الخاصية القيمة الشرح الظهور الدائم لشريط التمرير : تمكنك هذه الخاصية من التحكم في ظهور شريط التمرير في الجانب االيمن للقائمة. ScrollAlwaysVisible امكانية عرض عدة اعمدة. االكتفاء بعمود واحدفقط. True False خاصية طريقة االختيار : تمكنك هذه الخاصية من تحديد الطريقة التي يمكنك من خاللها اختيار العناصر في القائمة. اليستطيع المستخدم تحديد أي عنصر. بامكان المستخدم تحديد عنصر واحد فقط. تمكن المستخدم تحديداكثر من عنصر انظر )الشكل )333 : None One MultiSimple Selection Mode )الشكل 333 ( يوضح خاصية MultiSimple تمكن المستخدم تحديداكثر من عنصر كذلك. MultiExtended 91

92 خاصية الترتيب : تستخدم للقيام بالترتيب Sorted التلقائي للعناصر في القائمة. ترتيب حسب الحروف الهجائية. True الترتيب حسب اولوية تحميل العناصر. False تمرين : قم بانشاء برنامج يتحكم باضافة وتعديل وحذف العناصر من والى القائمة list box من خالل اضافة االدوات االتية الموجود في الجدول باالسفل : الخاصية Label1 Textbox1 List box1 Button1 Button2 Button3 Button4 القيمة Name Text Name Name Name Text Name Text Name Text Name Text الشرح Lblitem "العنصر" Txtitem List1 btnadd "اضافة" btnupdate "تعديل" btndelete "حذف" Btnexit "خروج" 92

93 )الشكل 332 ( يوضح اضافة االدوات الى النموذج بعد أن قمنا ببناء شكل النموذج نقوم االن بتركيب االكواد المتعلقة باالزرار : اوال : الكود المتعلق بزر اضافة العناصر المدخلة في مربع النص Txtitem الى القائمة List1 Public Class Form1 Code Private Sub btnadd_click(byval sender As System. Object, ByVal e As System.EventArgs) Handles btnadd.click If txtitem.text <> "" Then list1.items.add(txtitem.text) txtitem.resettext() txtitem.focus() End If مالحظة: يقوم المستخدم بادخال البيانات في مربع النص فمن خالل الكود السابق يقوم البرنامج بالتفحص في مربع النص بحال لم تدخل بيانات في مربع النص فانه اليضاف شي للقائمة اما في حالة تواجد بيانات داخل مربع النص سيقوم البرنامج باضافة النص أو البيانات الموجودة داخل مربع النص الى القائمة ثم يقوم البرنامج او الكود بتفريغ مربع النص من البيانات ثم يقوم بتفعيله فعلى سبيل المثال قم باضافة اسماء االدارات االتية في مربع : االدارة العامة ادارة االنتاج ادارة المبيعات االدارة المالية في كل مرة تكتب اسم االدارة في مربع النص ويتم الضغط على الزر اضافة انظر )الشكل 113 ( 93

94 )الشكل 113 ( يوضح اضافة العناصر الى القائمة ثانيا : ادخال الكود المتعلق بعرض عناصر القائمة في مربع النص من اجل التعديل فاننا سنتعامل بهذه الحالة مع الحدث SelectedIndexChanged في الاداة list1 من اجل تغيير العناصر املختارة والتي سيتم عرضها في مربع النص والدخال الكود قم بالنقر المزدوج على اداة القائمة : Code Public Class Form1 Private Sub list1_selectedindexchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles list1.selectedindexchanged txtitem.text = list1.selecteditem.tostring ثالثا : ادخال الكود المتعلق بزر التعديل والذي سيمكن المستخدم من القيام بعملية تعديل عناصر القائمة : Public Class Form1 Code Private Sub btnupdate_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btnupdate.click If list1.selectedindex <> 1 Then list1.items.remove(list1.selectedindex) list1.items.add(txtitem.text) txtitem.resettext() End If 94

95 شرح الكود : كما تالحظ عزيزي القارئ في العبارة االولى سيقوم الكود من التحقق من امكانية تحديد عنصر ما في القائمة من خالل العبارة SelectedIndex ففي حال تبين انه لم يتم اختيار أي عنصر في القائمة باعطائه القيمة 1 للخاصية SelectedIndex في حال عدم اختيار أي عنصر. اما في العبارة الثانية Remove سيتم حذف العنصر املحدد من القائمة. اما في العبارة الثالثة سيتم اضافة البيانات المدخلة في مربع النص الى القائمة. اما في العبارة الاخيرة سيتم استعادة مربع النص لوضعه الطبيعي )افراغ(. رابعا : ادخال الكود المتعلق بزر الحذف والذي من حالله تستطيع حذف اي عنصر يتم تحديده في القائمة : Public Class Form1 Code Private Sub btndelete_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btndelete.click Dim s As String " الحذف من متاكد انت هل" & txtitem.text s = If MessageBox.Show(s " ريذحت MessageBox.YesNo "فذح: + MessageBox.IconQuestion) _ = DialogResult.Yes Then list1.items.remove(list1.selectedindex) End If شرح الكود : كما تالحظ عزيزي القارئ في العبارة االولى قمنا بتعريف المتغير X بنص رسالة الحذف و البيانات الظاهرة في مربع النص. txtitem اما في العبارة الثانية فقد استخدام الجملة الشرطية للتحقق من ناتج عرض دالة messagebox اذا كان ناتج مربع الحوار هو اختيار نعم هنا سيتم االنتقال بتنفيذ العنصر المحدد في القائمة. 95

96 Comb box اداة القائمة المركبة استخدامها مثال اداة القائمة المركبة Combo box استخدامها يتشابه لحدكبير مع اداة القائمة list box اال ان اداة القائمة المركبة لها بعض االستخدامات االخرى التي ال يمكن الداة القائمة list box فان اداة القائمة المركبة يمكن لها أن تعرض عدد من العناصر وسردها بشكل افضل وتحتوي اكبركم بشكل يوفر مساحة في النموذج. أن تقوم بانشاء برنامج يقوم بعرض اسماء الدول العربية في القائمة المركبة. عزيزي القارئ هناك بعض الخصائص المتعلقة بالقائمة المركبة قد تم ذكرها في اداة القائمة list box فال داعي لذكرها مرة اخرى : وهناك من الخصائص التي لم نذكرها سابقا سنشرحها االن انظر الجدول الموجود اسفل : الشرح خاصية العدد االقصى : تمكنك هذه الخاصية عزيزي القارئ من تحديد اقصى عدد يمكن أن تستوعبه القائمة المركبة من العناصر عند انسدال القائمةكما انه يوجد شريط تمرين يمكنك من تصفح بقية العناصر فيها وحتى تتمكن من استخدام هذه الخاصية يجب عليك اعطاء القيمة Dropdown أو Dropdown list للخاصية.Dropdown style انظر )الشكل 339( : الخاصية القيمة MaxDropDownItem s )الشكل 339( يوضح الخاصية Dropdown style 96

97 خاصية الشكل : تمكنك هذه الخاصية من اختيار الشكل المناسب لظهور القائمة المركبة. style DropDown يكون شكل االداة المركبة فيها مشابها لمربع النص. simple يكون شكل القائمة منسدلة مع امكانية التعديل والكتابة في DropDown مربع نص القائمة انظر الشكل السابق )339( يكون شكل هذه القائمة منسدال مع عدم امكانية الكتابة في مربع نص القائمة. DropDownLi st ( الشكل 337 ) يوضح اشكال القائمة المركبة تمرين : قم بانشاء برنامج له القدرة بالتعامل مع اداة القائمة combo box & list box بحيث يقوم البرنامج بعرض اسماء الصفوف الدراسية في القائمة combo box وعند اختيار صف محدد من القائمة المركبة يتم عرض اسماء الطالب في ذلك الصف وقم ببناء شكل البرنامج حسب الجدول الموجود باالسفل : 97

98 الشرح القيمة الخاصية lblclasse "الصف" Name Text Label1 Cbo1 Name Combo box List1 Name List box1 قم باضافة بيانات الصفوف في اداة القائمة المركبة : اول ابتدائي ثاني ابتدائي. قم باضافة بيانات الطالب فيكل صف على حدة في اداة القائمة : list box الطالب الصف حمزة محمد الشميري االول ابتدائي حازم عبدالباسط الشميري عرفات محمد الشميري الثاني ابتدائي بشرط أن تتم اضافة العناصر وعرضها من خالل االكواد البرمجية : اوال : بناء شكل البرنامج انظر الشكل 330 : الشكل 330 يوضح شكل البرنامج بعد اضافة االدوات 98

99 : Form_load ثانيا : القيام بتركيب كود اعالن اضافة بيانات الصفوف في حدث النموذج Public Class Form1 Code Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load End Class ("ابتدائي اول cbo1.items.add(" ("ابتدائي ثاني") cbo1.items.add ثالثا : نقوم بتركيب كود عرض اسماء الطالب اثناء اختيار صف محدد من القائمة المركبة combo box يكتب الكود في الحدث selectedindexchanged المتعلق بالقائمة المركبة : Public Class Form1 Code Private Sub cbo1_selectedindexchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles cbo1.selectedindexchanged Select Case cbo1.selectedindex Case Is = 0 list1.items.clear() ("الشميري محمد حمزة") list1.items.add ("الشميري عبدالباسط حازم") list1.items.add Case Is = 1 End Select list1.items.clear() ("الشميري محمد عرفات") list1.items.add End Class 99

100 الشكل 336 يوضح اضافة العناصر والتحكم في عرضها 100

101 Timer اداة التوقيت تستخدم اداة التوقيت Timer في تنفيذ امر معين خالل فترة محددةكما انه يمكن من خاللها تزمين االحداث واالوامر مثال بحال انك ترغب من البرنامج أن يقوم بعرض رسالة ترحيبية بالصباح ورسالة ترحيبية بالمساء ماعليك اال أن تقوم بكتابةكود الرسالة الترحيبية في الحدث Tick() وتوجد الداة التوقيت Timer خصائص تختلف عن االدوات السابقة التي ذكرناها ومن تلك الخصائص interval وهي تمثل الفترة بالملي ثانية (Millisecond( ويوجد امر مهم لالداة وهو االمر Start ويستخدم هذا االمر لبدء المؤقت ويستخدم االمر Stop اليقاف المؤقت. تمرين : قم بانشاء برنامج ساعة واضف اليه االدوات االتية كما هو في الجدول : الخاصية Label1 Button1 Button2 Timer1 القيمة Name Text Name Text Name Text Interval الشرح Lbltime "العنصر" btnstart "تشغيل" btnstop "ايقاف" 1000 انظر الشكل 21 3 والحظ النموذج بعد اضافة االدوات وتغيير الخصائص فيها. الشكل 321 برنامج الساعة 101

102 : Tick() اوال : نقوم بكتابة كود التوقيت في اداة التوقيت في الحدث Public Class Form1 Code Private Sub Timer1_Tick(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Timer1.Tick If Timer1.Enabled = True Then lbltime.text = الساعة" = " & TimeString Else End If End Class Timer1.Start() Timer1.Stop() ستالحظ اننا قمنا باستخدام الجملة الشرطية وقمنا بالتحقق ما اذاكانت اداة التوقيت تم تمكينها ام ال ففي حال ثبت انها ممكنه هنا نفعل االمر بدء Start للتوقيت واذاكان غير ذلك بمعنى انها ليست ممكنه هنا نقوم بايقاف امر التوقيت من خالل االمر. Stop btnstart ثانيا : نقوم بكتابة كود تشغيل المؤقت في الزر Public Class Form1 Code Private Sub btnstart_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btnstart.click Timer1.Enabled = True btnstart.enabled = False btnstop.enabled = True End Class ففي الجملة االولى من كود الزر btnstart قمنا بتمكين اداة التوقيت Timer ومنحناها القيمة True ثم في الجملة الثانية قمنا بالغاء تمكين الزر تشغيل وفي الجملة الثالثة قمنا بتمكين زر االيقاف. 102

103 ثالثا : نقوم بكتابة كود ايقاف تشغيل المؤقت : Public Class Form1 Code Private Sub btnstop_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btnstop.click Timer1.Enabled = False btnstart.enabled = True btnstop.enabled = False "00:00:00" & " = الساعة" = lbltime.text End Class ففي الجملة االولى من كود الزر btnstart قمنا بالغاء تمكين اداة التوقيت Timer ومنحناها القيمة False ثم في الجملة الثانية بتمكين الزر تشغيل وفي الجملة الثالثة قمنا بالغاء تمكين زر االيقاف. 103

104 Picture Box اداة تستخدم اداةعرض الصور Picture Box التعديل واجراء الرسومات في الصور. في عرض الصور وتتيح للمبرمج التعامل مع الصور وتتيح له العديد من المزايا مثل امكانية عزيزي القارئ هناك بعض الخصائص المتعلقة باداة عرض الصور Picture Box قد تم ذكرها في االدوات السابقة فلن نتطرق لذكرها مرة اخرى وهناك من الخصائص التي لم نذكرها سابقا سنشرحها االن انظر الجدول الموجود اسفل : القيمة الشرح تمكنك هذه الخاصية من تحديد الخلفية الداة عرض الصور picture box وذلك من خالل استخدام الكود التالي : Picturebox1.BackgroundImage = Image.FromFile(Application.StartupPath & "\vb.net.jpg") تمكنك هذه الخاصية من تحديد شكل ظهور الصورة داخل مربع الصورة.Picturebox1 عدم احداث شي. None تذييل Tile تحديد الخلفية بالوسط. Center تاخذ الخلفية وضع امتدادي. Stretch تكبير الخلفية. Zoom هذه الخاصية اشبه بالخاصية السابقة اال انه توجد هناك فروق بسيطة. تعتبر هذه الخاصية اشبه بالخاصية السابقة 104

105 ظهور الصورة بالشكل العادي. ظهور الصورة بشكل امتدادي. التحكم التلقائي بشكل الظهور. Normal Stretch image Auto Size اظهار الصورة بالوسط. Center image تكبير الصورة. Zoom تمرين : قم بانشاء برنامج يقوم بالتحكم بخصائص االداة الخصائص المطلوبة لالدوات : السابقة وقم باضافة االدوات التالية بالجدول باالسفل مع تغيير الخاصية Picture box1 GroupBox1 GroupBox2 Button1 Radio Button1 Radio Button2 القيمة الشرح Pic1 "التحكم بالخلفية" "التحكم بالصورة" Show "عرض" Rd1 "None" Rd2 "Tile" Name Text Text Name Text Name Text Name Text 105

106 Rd3 "center" Name Text Radio Button3 Rd4 "Stretch" Rd5 "zoom" Rd6 "Normal" Rd7 "Stretch image" Rd8 "Auto Size" Name Text Name Text Name Text Name Text Name Text Radio Button4 Radio Button5 Radio Button6 Radio Button7 Radio Button8 Rd9 "Center image" Rd10 "zoom" Name Text Name Text Radio Button9 Radio Button10 الشكل 320 يوضح شكل النموذج بعد اضافة االدوات. 106

107 : show ثانيا : نقوم بتركيب الكود المتعلق بعرض الصورة Public Class Form1 Code Private Sub show_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles show.click p1.image = Image.FromFile(Application.StartupPath & "\m1.jpg") End Class : ثالثا : نقوم بادخال االكواد المتعلقة بالتحكم بالخلفية rd1,rd2,rd3,rd4,rd5 Public Class Form1 Code Private Sub rd1_checkedchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles rd1.checkedchanged p1.backgroundimagelayout = ImageLayout.None Private Sub rd2_checkedchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles rd2.checkedchanged p1.backgroundimagelayout = ImageLayout.Tile Private Sub rd3_checkedchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles rd3.checkedchanged p1.backgroundimagelayout = ImageLayout.Center Private Sub rd4_checkedchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles rd4.checkedchanged p1.backgroundimagelayout = ImageLayout.Stretch Private Sub rd5_checkedchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles rd5.checkedchanged p1.backgroundimagelayout = ImageLayout.Zoom End Class 107

108 : رابعا : نقوم بادخال االكواد المتعلقة بالتحكم بالصورةrd6,rd7,rd8,rd9,rd10 Public Class Form1 Code Private Sub rd6_checkedchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles rd6.checkedchanged p1.sizemode = PictureBoxSizeMode.Normal Private Sub rd7_checkedchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles rd7.checkedchanged p1.sizemode = PictureBoxSizeMode.StretchImage Private Sub rd8_checkedchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles rd8.checkedchanged p1.sizemode = PictureBoxSizeMode.AutoSize Private Sub rd9_checkedchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles rd9.checkedchanged p1.sizemode = PictureBoxSizeMode.CenterImage Private Sub rd10_checkedchanged(byval sender As System.Object, ByVal e As System.EventArgs) Handles rd10.checkedchanged p1.sizemode = PictureBoxSizeMode.Zoom End Class 108

109 اداة مربعات الحوار تعتبر اداة مربعات الحوار اداة هامة يتم استخدامها في اعداد الخطوط وااللوان وتصفح الملفات واستعراض المسارات وحفظ الملفات وفي طباعة المستندات وتظهر مربعات الحوار المتواجد معنا في بيئة كاالتي : اداة الحوار لفتح الملفات اداة الحوار لتغيير الخط اداة الحوار لتغيير اللون اداة الحوار لحفظ الملفات اداة الحوار العداد الصفحة اداة الحوار للطباعة سنقوم عزيزي القارئ بشرح الثالث الحوارات االولى وسنترك لك بقية الحوارات لتفهمها في مواضيع قادمة ان شاء اهلل. اداة حوار فتح الملفات تستخدم هذه االداة في استعراض وفتح الملفات بكافة انواعها للتعامل معها من خالل ادوات اخرى او لعرضها في ادوات اخرى مثال أن نقوم بفتح ملفات الصور لعرضها في اداة picture box أو ملفات النصوص لعرضها في text box أو ملفات الميديا بالير لعرضها في windows media player او ملفات الكتب االلكترونية أو ملفات االنترنت لعرضها في web browser كل هذه االستخدامات يمكن لنا أن نقوم بها باستخدام اداة فتح الملفات open file dialog للتعامل مع اداة فتح الملفات : سنوضح لكم حاليا مثال بسيط تمرين : قم بانشاء برنامج يقوم باستعراض الصور في االداة picture box باستخدام اداة فتح الحوار open file dialog وقم باضافة االدوات التالية مع تغيير خصائصها حسب ماهو موجود في الجدول باالسفل : الخاصية Picturebox1 Button1 OpenFileDialog القيمة Name Name Text Name الشرح Pic1 open "فتح صورة" ofd 109

110 اوال : نقوم ببناء شكل النموذج انظر الشكل 324 : الشكل 24 3 يوضح برنامج فتح الصور : ثانيا : بعد أن قمنا ببناء شكل النموذج نقوم االن بتركيب كود فتح الصور في الزر b1 Public Class Form1 Code Private Sub open_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles open.click With ofd.checkfileexists = True.ShowReadOnly = False.Filter = "All Files *.* Bitmap Files (*) *.bmp;*.jpg".filterindex = 1 If.ShowDialog = DialogResult.OK Then pic1.image = Image.FromFile(.FileName) End If End With End Class 110

111 مالحظة : استخدمنا في الكود السابق جملة with وختمناها ب end with كي النقوم بتكرار كتابة اسم اداة الحوار كل مرة. استخدمنا خاصية التاكد من الملف قبل فتحه. منعنا اظهار الملفات التي هي للقراءة فقط. حددنا نوع الملفات التي ستظهر في مربع الحوار وهي الملفات التي من نوع : Bitmap Files (*) *.bmp;*.jpg" بحال قام المستخدم بالنقر على الزر ok الصورة التي اختارها. في مربع الحوار حينها سيقوم البرنامج بفتح انظر الشكل 23 3 والحظ شكل البرنامج عند فتح مربع الحوار وبعد استعراض الصورة : الشكل 23 3 يوضح شكل البرنامج بعد فتح مربع الحوار واختيار الصورة وثم عرضها في picture box 111

112 اداة حوار تغيير الخط تعتبر اداة الحوار لتغيير الخط اسهل استخداما وتعامال من االداة السابقة والفرق هو أن هذه االداة تستخدم لتغيير خاصية الخطة الداة محددة فاذا رغبت على سبيل المثال أن تقوم بتغيير خاصية الخط او الخط المتواجد في اداة label على سبيل المثال ماعليك اال أن تقوم باضافة اداة label وزر button واداة font dialog تمرين : قم بانشاء برنامج يقوم بتغيير نوع الخط المتواجد في اداة label وذلك باستخدام االداة font dialog واضف اليه االدواتكما في الجدول باالسفل : الشرح Label1 " م / محمد الشميري يرحب بكم" Button1 "تغييرالخط" Font dialog1 الخاصية Label1 Button1 OpenFileDialog القيمة Name Text Name Text Name اوال : نقوم ببناء شكل البرنامج انظر الشكل 22 3 الشكل 22 3 يوضح شكل البرنامج 112

113 ثانيا : نقوم بتركيب كود تغيير الخط في الزر button1 Public Class Form1 Code Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click With FontDialog1.ShowApply = True If.ShowDialog = DialogResult.OK Then Label1.Font =.Font End If End With End Class انظر الشكل 26 3 بعد التنفيذ وبعد اختيار الخط الشكل 26 3 يوضح شكل البرنامج بعد تغيير خاصية الخط للنص الموجود في اداة label1 113

114 اداة حوار تغيير اللون التختلف اداة الحوار لتغيير اللون مع االداة السابقة وتتشابه الى حدكبير معها اال ان هذه االداة تستخدم لتغيير اللون فقط مثال لون خلفية اداة معينة أو لون الخط. تمرين : من خالل االستعانة بالتمرين السابق قم باضافة اداة تغيير اللون اليه واضف اليها زر button لتغيير لون الخط الموجود في label اوال : قم نقوم باضافة االدوات المطلوب اضافتها للبرنامج السابق انظر الشكل 29 3 : الشكل 29 3 يوضح شكل البرنامج بعد اضافة الزر button2 لتغيير لون الخط ثانيا : نقوم بتركيب كود تغيير لون الخط في button2 Public Class Form1 Code Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click With ColorDialog1.SolidColorOnly = True If.ShowDialog = DialogResult.OK Then Label1.ForeColor =.Color End If End With End Class 114

115 اداة انشاء القوائم ادا انشاء القوائم menu strip تستخدم هذه االداة في انشاء قوائم تتضمن هذه القوائم مجموعة من االوامر الي يتشابه استخدامها مثل اوامر الزر button اال أن هذه االداة تقدم ميزة متعددة انها تمكن المستخدم من احتواء اكثر من امر واكثر من قائمة فرعيةكما انها تستخدم لتمكين المستخدم بالتنقل مابين النماذج. تمرين : من خالل االستعانة بالتمرين السابق قم باضافة اداة القائمة menu strip بحيث تحتوي القائمة على االوامر التالية تغيير الخط واالمر تغيير لون الخط. اوال : نقوم باضافة اداة القائمة ونضيف اليها االوامر المذكورة سابقا انظر الشكل 27 3 الشكل 3 27 بعد اضافة القائمة والعناصر المطلوب اضافتها بالقائمة ثانيا : نقوم بتركيب االكواد المتعلقة بتغيير الخط وبتغيير لون الخط في عناصر القائمة Public Class Form1 Private Sub ToolStripMenuItem_Click_1(ByValتغييرالخط sender As System.Object, ByVal e As System.EventArgs) Handles ToolStripMenuItem.Clickتغييرالخط With FontDialog1.ShowApply = True If.ShowDialog = DialogResult.OK Then Code Label1.Font =.Font End If End With Private Sub ToolStripMenuItem_Click(ByValتغييرلونالخط sender As System.Object, ByVal e As System.EventArgs) Handles ToolStripMenuItem.Clickتغييرلونالخط With ColorDialog1.SolidColorOnly = True If.ShowDialog = DialogResult.OK Then Button1.BackColor =.Color Label1.ForeColor =.Color End If End With End Class 115

116 االحداث مع التعامل Events سنوضح لكم االنكيف تتعامل مع االحداث Events بعد أن قمنا ببداية الفصل بايضاح نبذة مختصرة عن االحداث فحاليا سنوضح لكم وبشكل اكبر التعامل مع االحداث ولكل حدث غرض محدد االستخدام تتشابه بعضها في بعض االدوات وتختلف في بعض االدوات االخرى فعلى سبيل المثال اذا اخذنا اداة الزر button وقمنا بدراسة االحداث المتوفرة لهذه االداة سنسرد لكم بعض من احداث االداة button وعنكيفية التعامل مع احداثها فعال سبيل المثال الحدث click ويستخدم هذا الحدث عند النقر لمرة واحدة على االداة ليقوم بعدها الزر بتنفيذ االمر الذي بداخله كذلك الز Double click ومعناها النقر المزدوج نستخدم هذا الحدث في حال رغبنا تنفيذ االمر المتواجد داخل الزر عند النقر مرتين بالزر االيسر للفارة على اداة button سنوضح لكم بالجدول الموجود باالسفل عن تلك االحداث والغرض منها : الحدث الوظيفة الحدث click وظيفته تنفيذ كود محدد عند القيام بعملية النقر على Click Button1 الحدث double click يقوم بتنفيذ كود محدد عند القيام بعملية نقر Double click مزدوج على. Button1 الحدث Mouse Hover وظيفته تنفيذ امر محدد عند المرور بمؤشر Mouse Hover الماوس فوق الزر. button الحدث Mouse Leave وظيفته تنفيذ امر محدد عند خروج مؤشر Mouse Leave الماوس من فوق الزر. button تمرين : قم بانشاء برنامج له القدرة بالتعامل مع االحداث المذكورة بالجدول السابق وذلك من خالل االداةButton1 واعد تسمية الزر الى b1 ومن ثم تعامل مع االحداث المتعلقة به بتنفيذ االوامر الموجودة بالجدول اسفل المتعلقة بالحدث والمهام المراد تنفيذها من الحدث: المطلوب تنفيذه من الحدث قم بتغيير لون خلفية الزر B1 الى اللون االحمر. قم بتغيير لون خلفية الزر B1 الى اللون االصفر. قم بتغيير لون خلفية الزر B1 الى اللون االزرق. قم بتغيير لون خلفية الزر B1 الى اللون االخضر. الحدث Click Double Click Mouse Hover Mouse Leave 116

117 اوال : نقوم ببناء شكل البرنامج ونضف اليه االداة Button1 ونغير من خصائص اسمها الى B1 كما هو مطلوب مننا انظر الشكل 320 : الشكل 20 3 بعد اضافة االدوات اليه ثانيا : نقوم باستخراج االحداث المطلوبة منناكما هو بالجدول اعاله وذلك من خالل النقر المزدوج على االداة B1 ثم نقوم باختيار االحداث الخاصة بها لمراجعة شكل اختيار االحداث راجع الشكل السابق 36. ثالثا : نقوم بتركيب اكواد االحداث : الحدث : Click Public Class Form1 Code Private Sub b1_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles b1.click b1.backcolor = Color.Red End Class الحدث : Double Click Public Class Form1 Code Private Sub b1_doubleclick(byval sender As Object, ByVal e As System.EventArgs) Handles b1.doubleclick b1.backcolor = Color.Yellow End Class 117

118 : الحدث Mouse Hover Public Class Form1 Code Private Sub b1_mousehover(byval sender As Object, ByVal e As System.EventArgs) Handles b1.mousehover b1.backcolor = Color.Blue End Class الحدث : Mouse Leave Public Class Form1 Code Private Sub b1_mouseleave(byval sender As Object, ByVal e As System.EventArgs) Handles b1.mouseleave b1.backcolor = Color.Green End Class 118

119 التعامل مع النماذج Forms عزيزي القارئ سناخذك معنا هبذا الفصل املمتع اىل برجمة ممتعة وهي برجمة النماذج أوكيفية التعامل مع خصائص هذه النماذج واحداثها واساليبهاكما انه جيب عليك الرتكيز عزيزي القارئ علىكل ماسنشرحه هبذا الفصل بالذات النه يعترب فصل بالنسبة للمبتدئيني وانا متاكد جدا أن اجلميع سيستمتع هبذا الفصل أكثر مين بكثري اعزائي سنتطرق هبذا الفصل اىل : مدخلك الى النماذج الخصائص والطرق واالحداث نماذج Midi Forms الثيمات )المظهر( 119

120 مدخلك الى النماذج النماذج هي عبارة عن شاشات لها اطار وهي جزء هام في المشاريع من النوع windows application المشاريع القياسية ويمكن من خاللها تحقيق معاالجات للمشكالت التي وجدت من اجلها وذلك من خالل مجموعة من االدوات واالكواد التي تضاف اليها. انواع النماذج النماذج القياسية النماذج المحتضنة Midi forms Windows forms وسنتناول عزيزي القارئكل نوع على حده بشرح اكثر تفصيل موضحين ذلك ببعض من االمثلة وسنبداء حاليا بشرح النوع االول من النماذج : windows forms النماذج القياسية Windows form طريقة اضافة نماذج جديدة الى المشروع الحالي توجد طريقتين الضافة النماذج الى المشروع : الطريقة االولى : من خالل نافذة الحلول المتواجدة على يمين الشاشة انقر على المشروع الحالي فيها بالزر االيمن للفارة > ثم اختار منها > Add ثم اختار من القائمة الفرعية Add item اضافة عنصر > ستظهر لك نافذة وهي نافذة اضافة العناصر وتختار منها windowsكما form هو موضح لديك في )االشكال من) 60 (2( من خالل القائمة project اختار> > add windows form ثم اختار من نافذة اضافة العناصر windows form 120

121 خصائص النماذج windows form عزيزي القارئ تعد نافذة الخصائص نافذة مهمة جدا في بيئة التطوير حيث وان هذه النافذة يمكن من خاللها كذلك التحكم بخصائص النماذج عزيزي القارئ لقد عرفت الكثير عن الخصائص في الفصل السابق وعن التعامل مع نافذة الخصائص وكذلك التعامل مع خصائص االدوات وكيفية تعيين الخصائص وطرق تعيين الخصائص لن يختلف هنا شئ بالنسبة للتعامل مع الخصائص عم سبق ولكن ستختلف بعض الخصائص فقط المتعلقة بالنماذج ونحن هنا في هذا الفصل سنوضح ذلك طرق تعيين خصائص النماذج كما اوضحنا في الفصل السابق لطرق تعيين الخصائص راجع طرق تعيين الخصائص بالفصل االول ص 0 وسنوضح لكم تعيين خصائص النماذج دون التطرق الى التفاصيل السابقة : الطريقة اليدوية : وفي ظل هذه الطريقة سنوضح لكم الخصائص المتوفرة في نافذة الخصائص properties وتغيير القيم لتلك الخصائص انظر الشكل 0 2 : خاصية تغيير لون خلفية النموذج خاصية تغيير خلفية النموذج خاصية خط النموذج خاصية لون خط النموذج خاصية عنوان النموذج خاصية اسم النموذج الشكل 0 2 يوضح نافذة الخصائص وخصائص النموذج الموجودة فيها 121

122 مالحظة : عزيزي القارئ لن نتفرغ الى شرح تفاصيل هذه الطريقة ولكن بامكانك الرجوع الىكيفية تعيين الخصائص الطريق اليدوية بالفصل السابق. طريقة االكواد : تعتبر هذه الطريقة هي شبيه الى حد كبير بالطريقة ذاتها الموجودة بالفصل السابق لتعيين خصائص االدوات ولكن الفرق هنا هو اختالف جزئي في بعض تلك الخصائص سنوضحها في الجدول الموجود باالسفل : الخاصية القيمة الشرح خاصية شكل االطار : تمكنك هذه Form Border الخاصية من التحكم في شكل اطار Style النموذج. عدم تغيير الشكل None منح النموذج شكل بسيط Fixed Single منح النموذج شكل ثالثي االبعاد. Fixed 3D منح النموذج شكل مربع الحوار مع ايقونة Fixed Dialog النموذج. منح النموذج الشكل الطبيعي. Sizable منح النموذج شكل النافذة مع اخفاء Fixed Too Window مقابس التكبير والتصغير منح النموذج شكل النافذة مع ابقاء سمك Sizable Too Window االطار بالحجم الطبيعي. خاصية اليمين الى اليسار : تعد هذه Right to left الخاصية هي اشبه بالخصاصية نفسها المتعلقة باالدوات اال أن هذه الخاصية تمكن من تحديد شكل ظهور االدوات الموجودة في النموذج ظهور االدوات الموجودة في النموذج True وعنوان النموذج من اليمين الى اليسار. عدم ظهور االدوات الموجودة في النموذج False وعنوان النموذج من اليمين الى اليسار 122

123 تمكنك هذه الخاصية من ربط القوائم Context menu الفرعية الجانبية بالنموذج وسنشرح هذه strip الخاصية بشكل اكبر في تمارين قادمة. موقع البدء : تمكنك هذه الخاصية من Start Position تحديد مكان ظهور النموذج في الشاشة. ظهور النموذج بالجزء العلوي االيسر Manual للشاشة. ظهور النموذج في وسط الشاشة. Center Screen ظهور النموذج بالشكل العادي Windowsdefaultlocation ظهور النموذج بالشكل مكبر بالجزء WindowsDefaultBounds العلوي االيسر تتشابه مع الخاصية CenterParent Windowsdefaultlocation حالة النافذة : تمكنك هذه الخاصية من Windowstate تحديد حالة الظهور للنافذة. حالة عادية. Normal حالة مصغرة. Minimized حالة مكبرة. Maximized صندوق التحكم : تمكنك هذه الخاصية Control box من التحكم في ظهور واخفاء مقابس االطار الموجود في اطار النافذة العلوي والمحتوي على اغىالق وتكبير تصغير ظهور صندوق التحكم True اخفاء صندوق التحكم. False 123

124 االيقونة : تمكنك هذه الخاصية من تغيير Icon ايقونة النموذج. ico صندوق التكبير : تمكنك هذه الخاصية Maximize box من التحكم في تمكين خاصية تكبير النموذج بظهور او اخفاء صندوق التكبير الموجود في صندوق التحكم باعلى اطار النموذج. ظهور صندوق التكبير. True اخفاء صندوق التكبير. False صندوق التصغير : تمكنك هذه الخاصية Minimizebox من التحكم في تمكين خاصية تصغير النموذج بظهور او اخفاء صندوق التصغير الموجود في صندوق التحكم باعلى اطار النموذج. ظهور صندوق التصغير. True اخفاء صندوق التصغير. False عزيزي القارئ سنقوم بايضاح لك الخصائص السابقة بالتمرين االتي. تمرين : قم بانشاء برنامج يقوم بالتحكم بالخصائص التالية : Maximize box Control box Windowstate Start Position Form Border Style Text,backgroundcolor Minimizebox وقم ببتعيين قيم الخصائص لتلك : 124

125 الخاصية القيمة None Items ComboBox1 Fixed Single Fixed 3D Fixed Dialog Sizable Fixed Too Window Sizable Too Window Manual Items ComboBox2 Center Screen Windowsdefaultlocation WindowsDefaultBounds Center Parent Normal Minimized Items ComboBox3 Maximized True False Items ComboBox4 True False Items ComboBox5 True False Items ComboBox6 Text Text Textbox1 Form Border Style Text Label1 Start Position Text Label2 Window state Text Label3 Control box Text Label4 Maximize box Text Label5 Minimize box Text Label6 Text Text Label7 125

126 الشكل 24 يوضحكيف التحكم بالخصائص من خالل الكود اليكم الكود البرمجي الخاص بالبرنامج : Public Class Form1 Code Private Sub ComboBox1_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ComboBox1.SelectedIndexChanged On Error Resume Next Select Case ComboBox1.SelectedIndex Case 0 Me.FormBorderStyle = Windows.Forms.FormBorderStyle.None Case 1 Me.FormBorderStyle = Windows.Forms.FormBorderStyle.FixedSingle Case 2 Me.FormBorderStyle = Windows.Forms.FormBorderStyle.Fixed3D Case 3 Me.FormBorderStyle = Windows.Forms.FormBorderStyle.FixedDialog Case 4 Me.FormBorderStyle = Windows.Forms.FormBorderStyle.Sizable Case 5 Me.FormBorderStyle = Windows.Forms.FormBorderStyle.FixedToolWindow Case 6 Me.FormBorderStyle = Windows.Forms.FormBorderStyle.SizableToolWindow End Select Private Sub ComboBox2_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ComboBox2.SelectedIndexChanged 126

127 On Error Resume Next Select Case ComboBox2.SelectedIndex Case 0 Me.StartPosition = FormStartPosition.Manual Case (1) Me.StartPosition = FormStartPosition.CenterScreen Case 2 Me.StartPosition = FormStartPosition.WindowsDefaultLocation Case 3 Me.StartPosition = FormStartPosition.WindowsDefaultBounds Case 4 Me.StartPosition = FormStartPosition.CenterParent End Select Private Sub ComboBox4_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ComboBox4.SelectedIndexChanged On Error Resume Next Select Case ComboBox4.SelectedIndex Case 0 Me.ControlBox = True Case (1) Me.ControlBox = False End Select Private Sub ComboBox3_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ComboBox3.SelectedIndexChanged On Error Resume Next Select Case ComboBox3.SelectedIndex Case 0 Me.WindowState = FormWindowState.Normal Case (1) Me.WindowState = FormWindowState.Maximized Case 2 Me.WindowState = FormWindowState.Minimized Case 3 End Select Private Sub TextBox1_TextChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TextBox1.TextChanged Me.Text = TextBox1.Text Private Sub ComboBox7_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ComboBox7.SelectedIndexChanged On Error Resume Next Select Case ComboBox7.SelectedIndex Case 0 127

128 Me.BackColor = Color.Blue Case (1) Me.BackColor = Color.Yellow End Select Private Sub ComboBox5_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ComboBox5.SelectedIndexChanged On Error Resume Next Select Case ComboBox5.SelectedIndex Case 0 Me.MaximizeBox = True End Select Case (1) Me.MaximizeBox = False Private Sub ComboBox6_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ComboBox6.SelectedIndexChanged On Error Resume Next Select Case ComboBox6.SelectedIndex Case 0 Me.MinimizeBox = True End Select Case (1) Me.MinimizeBox = False Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load End Class مالحظة : عزيزي القارئكما تالحظ في الكود السابق تم استخدام الجملة on error resume next قبلكتابةكل كود برمجي من اجل تجنب االخطاء البرمجية. كذلك كما تالحظون قمنا بتغيير خصائص النموذج من خالل وضع تلك الخصائص على شكل عناصر في القوائم المنسدلة Combo box واستخدمنا خاصية Selected index للتحقق من العناصر في القائمة المنسدلة. 128

129 االحداث Events نحن تحدثنا في الفصول السابقة عن االحداث Events في االدوات وماذا تعنيكلمة حدث عليك مراجعة ذلك في الفصل الثالث ص... االن سنتعلم في هذا الفصل ماهي االحداث المتعلقة بالنماذج وهل تتفق احداث النماذج مع احداث االدوات كذلك سنتعلمكيف نتعامل مع احداث النماذج باالمثلة والتطبيقات. احداث النماذج : الحدث الشرح هو عبارة عن حدث تحميل النموذج ويتم من خالله تنفيذ االوامر أو االكواد اثناء الوهلة االولى من فتح البرنامج على سبيل المثال : نقوم بانشاء برنامج رسالة ترحيب مبسط يقوم بعرض رسالة ترحيبية اثناء فتح البرنامج. ماعلينا اال أن نقوم بالنقر المزدوج على صندوق التحكم باعلى النموذج لكي يعرض لنا الحدث Load ومن ثم نكتب كود الرسالة Msgbox("welcome") الترحيبية : هو عبارة عن حدث ينفذ امر ما بحال رغبة المستخدم أن ينفذ هذا االمر اثناء خروجه من النموذج. يتشابه هذا الحدث بشكل كبير مع الحدث السابق form closed يستخدم هذا الحدث بحال رغبة المستخدم تنفيذ امر معين عند النقر باي مكان على النموذج. يستخدم هذا الحدث بحال رغبة المستخدم تنفيذ امر معين مرور مؤشر الفارة من فوق النموذج. عند Load form closed form closing click Mouse hover تتشابه الى حد كبير بعض من احداث النموذج مع احداث االدوات وهو كما الحظتم من خالل الجدول السابق ونحن اوجزنا االحداث لنترك للقارئ البحث واالطالع والممارسة على بقية االحداث وسنوضح لك عزيزي القارئ االن مثال بسيط عن ذلك : 129

130 تمرين : قم بانشاء برنامج يظهر رسالة ترحيبية اثناء الدخول للبرنامج وبنفس الوقت يظهر رسالة تاكيدية بان المستخدم يرغب بالخروج من البرنامج وفي حال تاكد بانه يرغب بالخروج يتم تنفيذ امر الخروج. الشكل 23 يوضح ظهور الرسالة الترحيبية عند فتح البرنامج اليكم الكود البرمجي الخاص به Public Class Form1 Code Private Sub Form1_FormClosed(ByVal sender As Object, ByVal e As System.Windows.Forms.FormClosedEventArgs) Handles Me.FormClosed If من الخروج تريد هل") MsgBox,"البرنامج MsgBoxStyle.OkCancel) = MsgBoxResult.Cancel Then Exit Sub Else End End If Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load ("برنامجنا في بك مرحبا") MsgBox End Class 130

131 االساليب Methods االساليب Methods هي عبارة عن االفعال التي يستطيع اجرائها أو هي االفعال التي يمكن على العناصر وتشترك عناصر التحكم بمجموعة من االساليب وتختلف بمجموعة اخرى ومن االساليب التي تشترك فيها : Show, hide, Refresh االسلوب وظيفته يقوم هذا االسلوب ب عرض النماذج ولكن عدم ابقائها في المقدمة. يقوم هذا االسلوب ب اخفاء النماذج. يقوم هذا االسلوب ب تحديث النماذج. Show hide Refresh ومن اكثر االساليب استخداما : Focus Refresh الصيغة العامة الستدعاء االساليب : Object Name.Method اسم االسلوب اسم العنصر فال توجد عالمة = على يمين الجملة النه اليمكن تعيين القيمة لالسلوب. مثال : عندما نقوم باستدعاء وعرض احد النماذج نكتب هذه الجملة Form1.show أو Me.hide 131

132 التنقل بين النماذج : تتيح لك لغة امكانية التنقل بين النماذج من خالل االوامر التالية : Show,hide,Show dialog, End,Close : Show تستخدم لعرض النموذج مع عدم االحتفاظ بخاصية البقاء. hide :تستخدم الخفاء النموذج. : Show Dialog تستخدم لعرض النموذج مع االحتفاظ بخاصية البقاء. : End تستخدم للخروج من البرنامج نهائيا. :Close تستخدم للخروج من نموذج محدد. 132

133 : Midi Parent نماذج Form التختلف كثيرا هذه االنواع من النماذج الحاظنة مع النماذج العادية سوا فوارق بسيطة حيث أن هذه النماذج تحتظن أي نماذج اخرى تقوم بفتحها بمعنى ان تلك النماذج التستطيع أن تسحبها الى خارج حدود النموذج االب parent بعكس النماذج العادية التي تستطيع اجرى ذلك عليها وبامكانك سحب أي نموذج تقوم بفتحه الى خارج حدود النموذج الرئيسي. اضافة نموذج Midi Parent form الى مشروعك : التختلف طريقة اضافة هذا النوع من النماذج الى المشروعك النموذج العادي أو القياسي windows form اليكم الخطوات ذاتها : من قائمة => project نختار add windows form لتظهر لنا هذه النافذةكما بالشكل اسفل شكل 2 2 لنختار منها العنصر. midi parent form شكل 2 2 يوضح طريقة اضافة نموذج midi parent form 133

134 الثيمات )المظهر ) هي عبارة عن اداة اضافية نقوم باستيرادها من خارج المشروع ووظيفة هذه االداة تحسين مظهر المشروع ليكون اكثر جماال وتوجد ادوات كثيرة بهذا الجانب واغلب هذه االدوات تاتي متكاملة بمعنى انها تشمل لمعظم االدوات المتواجدة معنا في صندوق االدوات وسنوضح لكم مثال بسيط عن تلك الثيمات : facebook.vb Them Win8 BY Security.vb هذه ك مثال بسيط وتوجد العديد من هذه الثيمات. تمرين : قم باضافة برنامج واضف اليه الثيمات السابقة من قائمة => project نختار addكما existing item بالشكل اسفل الشكل 7 2 الشكل 2 7 يوضح اختيار add existing item 134

135 ومنها نستورد الثيمات الى المشروع ونبحث عن مكان تواجدها ونحددها ومن ثم ننقر على addكما بالشكل 2 0 الشكل 0 2 يوضح استيراد الثيمات الى المشروع وبعد هذه الخطوة نقوم بالنقر المزدوج على عنصر الثيم المتواجد ضمن عناصر الحل للمشروعكم تالحظوا بالشكل 6 2 باالسفل من اجل اظهار الثيم ضمن صندوق االدوات. الشكل 2 6 يوضح طريقة اختيار عنصر الثيم 135

136 بعد أن قمنا بالنقر المزدوج على عنصر الثيم المراد اضافته الى صندوق االدوات نقوم بعدها بالضغط على الزر F5 ليفتح البرنامج ونقوم باغالق البرنامج مباشرة ليتم اضافة الثيم الى صندوق االدوات كما بالشكل 2 01 الشكل 2 01 يوضح اضافة عناصر الثيم الى صندوق االدوات بعدها في حال رغبنا في تغيير شكل النموذج نقوم باضافة العنصر المتواجد بالشكل اعاله الى النموذج Face book theme container نضيفها للنموذج ليصبح شكلهكما في الشكل 00 2 الشكل 2 00 يوضح تغيير مظهر النموذج 136

137 لحماية الملف من التلف ولتجنب ظهور مشاكل تلف البرنامج اثناء التعامل مع هذا النوع من االدوات نقوم باقفال النموذج ومايحتويه من ادوات من خالل النقر بالزر االيمن للفارة ومن ثم اختيار Lock controls وبامكاننا اضافة ادوات الى النموذج ادوات مظهر الثيم المتواجد معنا من صندوق االدواتكما بالشكل 2 04 الشكل 04 2 بعد اضافة ادوات الثيم اليه 137

138 المصادر : كتاب خطوة بخطوة مع Visual Studio 2008 احمد خليفة برمجة اطار عمل.Net باستخدام تركي العسيري 138

139 139