(32 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

Seven Microsoft Corporation

[Pick the date]

مقدمة فيجوال بيزيك دوت نت

Introduction to Visual Basic.NET[

أن:ا على قادر الطالب يكونهذا الفصل تدريس بنهاية

.(Visual Basic.NET) عرف ماهية الفيجوال بيزيك دوت نتتي

.(IDE) عرف أهم مكونات شاشةتي

.جديد (Project) ينشىء مشروع

.(Project) للمشروع ةجديد (Form) نموذجنافذة يضيف

.(Project) المشروعيحفظ

.(Solution) جديد للحل (Project) يضيف مشروع

(32 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

ما بعد دراستك ألسلوب حل المشكالت والذي تعلمت من خالله وضع خطوات منطقية لحل مشكلة حتى ( Visual Basic.net) الفيجوال بيزيك دوت نت لغةهذا الفصل التعامل مع فيسوف تبدأ

.يمكن تنفيذهاخطوات حل المشكلة إلى أوامر برمجة تحويليمكنك

نت وتجوال ستوديو ديمتوفرة ضمن حزمة الف (Language Programming) لغة برمجةهي (Visual Studio.NET) على لغات برمجة أخرى مثلبدوره والذي يحتوىC# ,J#, الفيجوال ولغة

إلنشاء Object Oriented كائنية التوجهتمتاز بأنها (Basic.net Visual) بيزيك دوت نتموجهه ((Web applications و تطبيقات ويبأ (Windows Applications) تطبيقات نوافذ

. Event Drivenبالحدث

لذلك تحتوى لغة البرمجة على أوامر مستمدة من حروف لغة اآللة إالينفذ يفهم وال الكمبيوتر ال إنالتي األوامر إلى لغة اآللة هذه لترجمة Compiler))على ما يسمى مترجم وتحتوى اللغة اإلنجليزية

.يستطيع الكمبيوتر التعامل معها

الذى له واجهة مستخدم رسوميه هو (Windowsنوافذ )التطبيق (Graphical User Interface (GUI)) ويعمل من خالل نافذة, ومن المؤكد انك قد تعاملت مع

مثل الرسام أو المفكرة أو الحاسبة أو مستعرض اإلنترنت (Windows) الكثير من تطبيقات الويندوزجميعها على خصائص مشتركة كثيرة ... الخ وتالحظ أنها كلها تحتوى على واجهة رسومية تحتوى

أسلوب حفظ وفتح الملف ... الخ. ,التصغير زر, التكبير زر, مثل شكل النافذة

تمهيد

:لغة البرمجة 2-1-1هي مجموعة من األوامر والتعليمات تكتب وفقا لقواعد معينة حسب كل لغة

.ويتم ترجمتها إلى لغة اآللة لتنفيذها Programming Languageبرمجة

ستخدم إلنشاء ت( Visual Basic.net) الفيجوال بيزيك دوت نت لغة 2-1-2 :(Windows Applications)تطبيقات نوافذ

:Visual Basic.netلغة الفيجوال بيزيك دوت نت 3-1

(32 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

(.Windowsأمثلة من تطبيقات نوافذ )(1-2شكل )

:Event Driven)) موجهه بالحدث (Windows)المقصود بأن تطبيقات نوافذ 2-1-3الحدث الذي تفعله على تصرفك أي حظ أنه بناء تال( Windowsتعاملك مع تطبيقات الويندو ) أثناء

أو الضغط على زر معين من لوحة (=)في تطبيق اآللة الحاسبة أو على زر (+)مثل النقر على زر عمل معين لذلك تكتب أوامر البرمجة تابعة لحدث معين. المفاتيح يتم تنفيذ

:(Object Oriented)كائنية التوجه (Visual Basic.net)لغة 2-1-4 (Objects) يعتمد على كائنات ( Visual Basic.net ) الفيجوال بيزيك دوت نت فيكل شيء

:ولكل كائن( ComboBoxالقائمة المنسدلة - Textboxصندوق النص –button)مثل زر تصف الكائن وتحدده. (Properties)خصائص -1 .يمكن أن تقع عليه (Events)أحداث -2 بها ما يمكن أن يفعله الكائن لحدوث سلوك معين ويقصد (Methods)وسائل -3

النص والتى تنسخ( Copy)يحتوى على الوسيلة (Textbox)فمثاًل كائن صندوق النص .(Clipboard)لى الحافظة إ المحدد

مثال:مثل (Properties) له خصائص (Object)في تطبيق اآللة الحاسبة نجد أن كل زر يمثل كائن

النقر بالفأرة (Event)العرض واالرتفاع والنص المكتوب عليه ولون الخلفيه ... الخ وله حدث Click)) زر آخر أي ولكن عند النقر على زر معين يؤدى عمل مختلف عن .

في ظهر تلك األزرار مختلفة توهذا يعني كافة األزرار لها نفس الخصائص ولكن قيمها تختلف فأنها رغم وحدث النقر الذي يقع على كل زر يسبب تنفيذ عمليات تختلف من زر إلى آخرالشكل

-مما سبق يتضح اآلتي: (Class)جميعا تنحدر من أصل واحد يسمي تصنيف :objectالكائن 2-1-4-1

.انشاؤه من تصنيف معينهو وحدة البناء األساسية فى لغات البرمجة كائنية التوجه ويتم

(32 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

:Classلتصنيف ا 2-1-4-2ويحدد به العديد من العناصر مثل الذي يتم إنشاء الكائنات منه (Blueprint) هو المخطط

والتي (Events)واألحداث (Methods)والوسائل أو الوظائف ( Properties)الخصائص .(Class)يستمد من التصنيف ( Object)أي كائن يأخذها

:الحظ .( Object) يحتوى على تعريف الكائن (Class)التصنيف .1

( Class)( من التصنيف Instanceمنه ) نسخةليس له وجود اال عند عمل ( Object)الكائن .2 الخاص به.

.(Class) من نفس التصنيف (Object) يمكن إنشاء أكثر من كائن .3

فى ذاكرة الكمبيوتر عند ( Object)يتم حجز مساحة للكائن (Visual Basic.NET)في لغة .4 إنشاؤه.

ستوديو دوت نتالفيجوال هو بمثابة الجهاز العصبى المركزى لجميع تطبيقات( Visual Studio.NET) :وهو إطار عمل يمكنك من اآلتي

– (Desktop application)مثل )التطبيقات المكتبية (NET.)إنتاج العديد من تطبيقات .1 ( (Mobile application) تطبيقات الموبايل – (Web application)تطبيقات الويب

توفير بيئة تشغيل لهذه التطبيقات. .2 من : Frameworkويتكون

بيئة التشغيل( (CLR)Common Language Runtime ). مكتبات تصنيفات النظام(System Class Libraries). مترجمات(Compilers). .أدوات أخرى

طار عمل الدوت أن إومن الجدير بالذكر ( NET.)أي يوفر بيئة التصميم والتشغيل لتطبيقات ال .متوفر بشكل مجانى لتنصيبه على نظام التشغيل بعدة إصدارات.( NET Framework)نت

.(.NET Framework) إطار عمل دوت نت 3-3

(32 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

يشير إلى بيئة التطوير المتكاملة وهي اختصار لـ (IDE)مصطلح ( Integrated Development Environment )

من إنشاء همن أدوات وميزات تمكن (Developer)المطور هحتوي على كل ما يحتاجتحيث والذي يمثلها ما تطبيق ويب ... الخ( –تطبيق موبايل –المختلفة )تطبيق ويندوز (NET.)تطبيقات

:(2-2بشكل )كما هو موضح .(Visual Studio)يطلق عليه

(IDE)شاشة (2-2شكل ) :Formج ذ النمو 1–2-3

المستخدم من خالل هو عبارة عن النافذة التي يصمم عليها واجهة البرنامج التي يتعامل معها, (Textbox)نص صندوق ,(Button)المختلفة عليها مثل زر أمر (Controls) أدوات التحكموضع

:(3-2شكل )بكما هو موضح . الخ ...(Label)عنوان أداة التحكم

(IDE)أهم مكونات شاشة 3-2

(32 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

(Controls) التحكم أدواتقبل وبعد وضع (Form)نافذة النموذج (3-2)شكل

Toolboxاألدوات صندوق 2 –2-3وتم (Form) التي يمكن وضعها على نافذة النموذج( Controls) أدوات التحكميحتوي على

:(4-2)كما موضح بشكل .فئاتشكل على ( Controls) أدوات التحكمتصنيف

النقر عليها تظهر مجموعة من أدوات التحكم عندو , الحظ وجود عالمة )+( أمام كل فئة (Controls).

(All Windows Forms( باختيار الفئة )Controlsويمكن عرض كافة أدوات التحكم )

من هذه الفئات: (Common Controls)الشائعة أدوات التحكم

(.Menus & Toolbars)القوائم وأشرطة األدوات

(Toolbox) األدوات صندوق (4-2شكل )

نافذة نموذج قبل أن يوضع عليها أي (Controls) تحكم أدوات

أدوات التحكمنافذة نموذج بعد وضع (Controls) .عليها وضبط بعض خصائصها

(32 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

:(5-2بشكل )كما هو موضح (Controls)مجموعة من أدوات التحكم كل فئةيندرج تحت

تحت الفئات المختلفة (Controls) التحكم أدوات (5-2شكل )

:(Common Controlsالشائعة ) أدوات التحكمبعض

(Common Controls) الشائعةأدوات التحكم ( بعض 1-1جدول )

(Control) أداة التحكم م (Control) أداة التحكم م

(ComboBox)صندوق التحرير والسرد 6 (Buttonزر األمر ) 1

(CheckBox)صندوق االختيار 7 (TextBoxصندوق النص ) 2

(RadioButton)صندوق زر راديو 8 (Labelصندوق العنوان ) 3

9 (ListBox)صندوق القائمة 4

(23 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

(.IDEالمعروضة حسب العنصر النشط في شاشة الـ )( Properties) تختلف الخصائص

Properties Windowالخصائص نافذة 2-3-3يمكن (Properties) السابقة لها مجموعة من الخصائص (Controls) كل أداة من أدوات التحكم

:(6-2بشكل ) كما هو موضح( Properties Window)ضبطها من خالل نافذة الخصائص

(Properties( نافذة الخصائص )2-3شكل )

:الحظ

Solution explorerمستعرض الحل 2-3-4الموجودة ضمن ( Projects)أو المشروعات ( Project)يعرض به قائمة بملفات ومجلدات المشروع

:(7-2بشكل )كما هو موضح (Solutionالحل )

(Solution Explorer( نافذة مستعرض الحل )2-3شكل )

المشروع األول

المشروع الثاني

اسم الحل

مجلدات وملفات

المشروع الثاني

مجلدات وملفات

المشروع األول

(21 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

( 1-2)تدريب (New Projectإنشاء مشروع جديد )

( المتاح علي جهازكVisual Studioمعلمك قم بفتح الـ )بمعاونة الذي تم فتحه (Visual Studio)أكتب اسم

.......................................................................... (New Project) اختر (File)من قائمة

:(8-2بشكل ) وضحةمالنافذة التظهر

(New Project) ( نافذة انشاء مشروع جديد2-3شكل )

إلى: (8-2شكل )تشير األرقام الموضحة على .(Windows Forms Application)اختيار القالب موضع -1 (Project)لمشروع ااسم كتابة موضع -2

:(9-2كما هو موضح بشكل )( OK)ثم انقر (MyFirstProject)اسم المشروع قم بكتابة

(New Project) نافذة انشاء مشروع جديد( 2-3شكل )

1

2

(23 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

:(11-2) كما هو موضح بشكل( IDE( تظهر نافذة )OKنقر زر )لابعد

(IDEنافذة )( 13-3شكل )

إلى: (11-2شكل )تشير األرقام الموضحة على (.Form)نافذة النموذج -1 (.Solution Explorer)نافذة الحل -2 (.Properties)نافذة الخصائص -3 (.Toolbox)األدوات صندوق -4

1

2

3 4

(22 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

( 2-2)تدريب (Project) جديدة للمشروع (Form) إضافة نافذة نموذج

جديدة وذلك إلنشاء نافذة نموذج( Add Windows form)األمر اختر (Projectقائمة )من :(11-2بشكل )كما هو موضح

(Project)( قائمة 11-3شكل )

:(12-2شكل )كما هو موضح ( Add New Itemنافذة ) تظهر

(Add New Item)نافذة ( 13-3شكل )

إلى: (12-2شكل )تشير األرقام الموضحة على الجديدة.( Form) نافذة النموذجاسم المشروع المعطي الذي سيضاف اليه .1

.(Form) القالب المستخدم في إنشاء نافذة النموذج .2

المقترح )يمكنك تغييره(.( Form)اسم ملف نافذة النموذج .3

(Addقم بالضغط على مفتاح ) :(13-2بشكل )كما هو موضح ( Form)تضاف نافذة النموذج

1

2

3

(22 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

ةجديد (Form) نموذجنافذة (إضافة 12-3شكل )

إلى: (13-2شكل )تشير األرقام الموضحة على .(Form2) نافذة النموذج .1

.(Solution explorer)داخل نافذة الحل (Form) ملف نافذة النموذج .2

( 3-2)تدريب في أحد وسائط التخزين( Project)حفظ المشروع

جديد يحفظ منه نسخة في ذاكرة (Project) عند إنشائك مشروع نتبع اآلتي:الكمبيوتر فقط ولحفظة على أحد وسائط التخزين

(Save All)اختر ثم (File)قائمة اختر

:(14-2بشكل)كما هو موضح ( Project)وذلك لحفظ المشروع

( حفظ المشروع12-3شكل )

:(15-2بشكل )كما هو موضح تظهر نافذة

(Save Project)( نافذة حفظ المشروع 12-3شكل )

1

2

1

2 3

4

(22 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

إلى: (15-2شكل )تشير األرقام الموضحة على الذي سبق كتابتة عند إنشاء مشروع جديد كما يمكنك تغييره إذا شئت.( Project)اسم المشروع -1 الذي يضم المشروع المطلوب حفظه على أحد وسائط التخزين كما (Solution)اسم الحل -2

يمكنك تغييره إذا شئت.

.المتاح على جهازكاختيار أحد وسائط التخزين موضع -3

( لحفظ Saveبمعاونة معلمك اختر الوسيط التخزيني المناسب لك ثم انقر على مفتاح ) -4 .(Project) المشروع

( 4-2)تدريب (Solution) جديد للحل (Project) إضافة مشروع

(Addثم القائمة الفرعية ) (File) اختر قائمة .(New Projectثم األمر )

:(16-2بشكل )كما هو موضح

( اضافة مشروع جديد12-3شكل )

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

Explorer). (17-2بشكل )كما هو موضح:

الحلالجديد بنافذة مستكشف (Project) ( ظهور المشروع12-3شكل )

:إلى (17-2شكل )تشير األرقام الموضحة على اسم المشروع الثاني -3 اسم المشروع األول -2 اسم الحل -1

1

2 3

(22 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

أواًل: أكتب ما تشير إليه األرقام في الشكل التالي:

ما يشير له الرقم

1 ..........................................................

2 ...........................................................

3 ...........................................................

4 ...........................................................

1

2

3 4

(22 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

( التالية وضح ما تشير إليه األرقام:Add New Itemثانيًا: في نافذة )

:وضح ما تشير إليه األرقامثالثًا:انظر للشكل التالي ثم

..................................... ما الغرض من هذه النافذة؟ ......................................إلى 1يشير الرقم ......................................إلى 2يشير الرقم ......................................إلى 3يشير الرقم

ما يشير له الرقم

1 ...........................................................

2 ...........................................................

3 ...........................................................

1

2 3

1

2 3

(22 )

الثانىالفصل فيجوال بيزيك دوت نت

Visual Basic.NET

( التالية: (Solution Explorerرابعًا: اكتب ما تشير إليه األرقام في نافذة

مسًا : أكمل الجمل بما يناسبها من العبارات التالية:خا – Visual Studio– .NET framework – (Class)التصنيف - (Object )الكائن)

((Form)النموذج –لغة البرمجة

.تصميم تطبيقات ويندوز أو تطبيقات موبايل أو تطبيقات ويبفي ................... يستخدم .1 تكتب مجموعة من األوامر والتعليمات وفقا لقواعد معينة ويتم بواسطة ................... .2

. ترجمتها إلى لغة اآللة لتنفيذها بيئة تصميم وتشغيل تطبيقات الدوت نت. ................... يوفر .3 بأنه وحدة البناء األساسية فى لغات البرمجة كائنية التوجه ويتم ...................يعرف .4

انشاؤه من تصنيف معين . يطلق عليه.................. منه الذي يتم إنشاء الكائنات( Blueprint ) المخطط .5

ما يشير له الرقم

1 .......................................................... 2 ...........................................................

3 ...........................................................

4 ...........................................................

1 2

3 4