(96 )

الرابعالفصل نافذة الكود Code Windows

Seven Microsoft Corporation

[Pick the date]

نافذة الكود

Code Window

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

.(Code Window) يتعامل مع نافذة الكود

.(Event Handler) معالج الحدث بـ يحدد المقصود

.برمجيا (Controls) أدوات التحكم (Properties)يضبط خصائص

(07 )

الرابعالفصل نافذة الكود Code Windows

فيجوال بيزيك دوت نت هي التي من خاللها يمكن كتابة األوامر والتعليمات )الكود( بلغة

(Visual Basic .NET )محل الدراسة. نتبع اآلتي: (Form1الخاصة بنافذة النموذج ) (Code Window) نافذة الكود لفتح نشطة. (Form) تأكد من أن نافذة النموذج -1

(.F7أضغط على مفتاح ) -2

:(1-4بشكل) كما هو موضح( Code Windowتظهر نافذة الكود )

(Code Windowنافذة الكود ) ( 1-4) شكل

إلى: (1-4شكل )تشير األرقام الموضحة على

اسم ملف الذي يخزن به الكود. -1

.(Form) واجهة نافذة النموذجاسم الملف الذي يخزن به -2

(.Form1( باسم )Classاإلعالن عن تصنيف ) -3

(.Form1) بالتصنيفما بين السطرين تكتب األكواد الخاصة -4

.(Form1سطر نهاية التصنيف ) -5

(Code Window) نافذة الكود 4-1

2

3

1

4 5

(01 )

الرابعالفصل نافذة الكود Code Windows

:(3-4بشكل )كما هو موضح ( IDEيظهر شريط العنوان لنافذة )

.(Event Handler) ومعالج الحدث (Code Window) التعرف على نافذة الكود (Project) ( واحفظ المشروعShapesتحت اسم ) (Project) بمعاونة معلمك قم بإنشاء مشروع -1

( frmSquareتحت اسم )( Form)( ثم قم بإعداد نافذة النموذج Geometricبحيث يكون اسم الحل ) :(2-4) بشكلكما هو موضح

الجديد( Project)بالمشروع (Form) نافذة النموذج( 2-4) شكل .(Form) الموضوعة على نافذة النموذج (Controlsالتحكم ) ( لألدواتNameوذلك بدون ضبط خاصية )

:

(Solution)ٍ الحل( موضح به اسم Title Barشريط العنوان )( 3-4) شكل

تشير األرقام الموضحة على الشكل إلى: (Solutionاسم الحل ) -1

.(Visual Studio)اإلصدار المستخدم من اسم -2

2 1

(Event Handler) معالج الحدث 4-2

(02 )

الرابعالفصل نافذة الكود Code Windows

( اختر األمرForm1.vb( من القائمة المختصرة لملف )Solution Explorerفي نافذة الحل ) -2(View Code ) (4-4بشكل )كما هو موضح:

(Code Windowإظهار نافذة الكود ) ( 4-4) شكل

:(5-4شكل )( يظهر لنا View Codeبعد اختيار األمر )

(Code Windowنافذة الكود ) ( 5-4) شكل

إلى: (5-4شكل )تشير األرقام الموضحة على

الموضوعة على (Controls) التحكمأدوات تعرض أسماء التي ( Class Nameالقائمة ) -1 .(Form) نافذة النموذج

تعرض األحداث الخاصة بالعنصر المختار من القائمة (Method Nameالقائمة ) -2(Class Name)

اسم المشروع

المختصرة اخترمن القائمة

1 2

(03 )

الرابعالفصل نافذة الكود Code Windows

كما هو : هو اإلجراء الذي يتم استدعاءه عند وقوع حدث معين (Event Handler) معالج الحدث :(8-4) بشكلموضح

نافذة التي رسمتها على (Controls) ( تالحظ وجود أسماء أدوات التحكمClass Nameقم بفتح القائمة ) -3 :(6-4بشكل ) كما هو موضح االفتراضية بأسمائها( Form)النموذج

(Code Windowاستعراض أسماء األدوات بنافذة الكود )( 9-4) شكل( سوف Method Nameقم بفتح القائمة )( Class Name)( من القائمة Button1بعد اختيارك زر األمر) -4

:(7-4بشكل )كما هو موضح ( Button1تجد األحداث الخاصة بزر األمر )

المطلوب (Eventاختيار الحدث ) (0-4) شكل

:

Button1اختر

Clickاختر الحدث

(04 )

الرابعالفصل نافذة الكود Code Windows

(Event Handler)معالج الحدث (8-4) شكل

:(8-4)تشير األرقام الموضحة على الشكل

. (اسم الكائن واسم الحدث)اسم اإلجراء مكون من -1

سطر نهاية اإلجراء. -2

المسبب في استدعاء اإلجراء. -3

.(Event) ما بين السطرين يكتب الكود الذي ينفذ عند استدعاء اإلجراء بعد وقوع الحدث -4

.(frmSquareسطر اإلعالن عن التصنيف ) -5

.(Class) سطر نهاية التصنيف -6

:(1-4) بجدولكما هو موضح ( لألدوات Nameبضبط قيمة الخاصية )بمعاونة معلمك قم -5

م أداة تحكم (Nameقيمة الخاصية )btnCalculate Button1 1

lblLength Label1 2 lblResult Label2 3 txtLength TextBox1 4

(1-4جدول )

(.View( من قائمة )Codeالخصائص قم باختيار ) هذهبعد ضبط

6

1 2 3

4

5

(05 )

الرابعالفصل نافذة الكود Code Windows

التي رسمتها على ( Controls)تالحظ تغير أسماء أدوات التحكم (Class Nameقائمة )عند فتح : (6-4) بشكلكما هو موضح النموذج

(Control) ظهور األسماء الجديدة ألدوات التحكم (6-4) شكل

جديد ثم (Project) قم بإنشاء مشروع -1

كما هو (Form) قم بضبط نافذة النموذج :(11-4بشكل )موضح

الوب إنشاؤهطالم (Form) النموذجنافذة (17-4) شكل

(frmAdjustProperties( إلى )Form2( لنافذة النموذج )Nameثم قم بضبط خاصية ال ) -2

برمجيا( Properties)ضبط الخصائص 4-3

(09 )

الرابعالفصل نافذة الكود Code Windows

:(2-4بجدول )موضح كما هو( لألدوات Nameالخاصية )قيمة قم بضبطثم -3 م أداة التحكم (Nameقيمة الخاصية )

lbl_Title Label1 1 Btn_Text Button1 2

Btn_ForeColor Button2 3 Btn_Font Button3 4

Btn_Visible Button4 6 Btn_End Button5 7

(Controls) ألدوات التحكم (Name)قيم الخاصية (2-4) جدول

:

(Button) بزر األمر الخاص( Event Handlerمعالج الحدث ) (11-4) شكل

:(11-4)تشير األرقام الموضحة على الشكل ( واسم الحدث btn_Textاسم أداة التحكم )المكون من ( btn_Text_Clickاسم اإلجراء ) -1

(Click).

.السطرين يكتب )الكود(ما بين -2

( برمجيا:Propertiesصيغة ضبط الخصائص )

ControlName.Property=value

الخاصية القيمة أو الكائن أداة التحكماسم

2 1

( يتم فتح نافذة textالظاهر عليه كلمة ) (Button) إذا قمت بالنقر المزدوج على الزربشكل كما هو موضح الخاص بهذا الزر (Event Handler) الكود وبها معالج الحدث

(4-11):

(00 )

الرابعالفصل نافذة الكود Code Windows

بمعاونة معلمك قم بعمل اآلتي: -4 ( إدراج معالج الحدثClick( لزر )btn_Text) ( ضبط الخاصيةText ألداة ) العنوان التحكم(lbl_Title )بحيث تكون قيمتها

."جمهورية مصر العربية" آلتي:اتكتب الصيغة ك

lbl_Title.Text= "جمهورية مصر العربية"

بمعاونة معلمك قم بعمل اآلتي: -5 ( إدراج معالج الحدثClick( لزر )btn_ForeColor) ( ضبط الخاصيةForeColor ألداة ) العنوان التحكم(lbl_Title) ( بحيث تكون قيمتهاBlue.)

:كاآلتيتكتب الصيغة

lbl_Title.ForeColor=Color.Blue بمعاونة معلمك قم بعمل اآلتي: -6

( إدراج معالج الحدثClick( لزر )btn_Font) ( ضبط الخاصيةFont ألداة التحكم ) العنوان(lbl_Title( بحيث يكون نوع )font" )arial "

33وحجمه :كاآلتيتكتب الصيغة

lbl_Title.Font= New Font("arial", 30)

بمعاونة معلمك قم بعمل اآلتي: -7

( إدراج معالج الحدثClick( لزر )btn_Visible) ( ضبط الخاصيةVisible ألداة ) العنوان التحكم(lbl_Title( بحيث تكون قيمتها )False.)

:كاآلتيتكتب الصيغة lbl_Title.Visible = False

(08 )

الرابعالفصل نافذة الكود Code Windows

:تخصيصها للخاصية تتعدد أنواعها ومنها ( التي يتمValueالقيمة ) (.Textالقيمة المجردة مثال الخاصية ) -1

(.Visibleالقيمة المنطقية مثال الخاصية ) -2

(.ForeColorالقيمة من قائمة مثال الخاصية ) -3

(.Fontالقيمة بإنشاء كائن مثال الخاصية ) -4

القيمة من ناتج تعبير حسابي سوف يتم دراستها الحقا. -5

(.Propertiesأو من خاصية )( Variableمتغير )القيمة من -6

:

( واكتب األمر btnEnd( لزر )Clickإلنهاء البرنامج قم بإدراج معالج الحدث ) -8(End.)

(Code Window)السابقة تصبح نافذة الكود (Event Handlers) بعد كتابة أكواد معالجات األحداث :(12-4بشكل )كما هو موضح

(Event Handler) وبها جميع معالجات األحداث( Code Window)نافذة الكود (12-4) شكل

(06 )

الرابعالفصل نافذة الكود Code Windows

أسئلة

أكتب ما تشير إليه األرقام في الشكل التالي: -1

التالي : (Form) النموذجنافذة في -2

يقوم بتغيير (Button)بحيث عند النقر على أي زر (Button)لكل زر المناسباكتب سطر الكود داة أل (Name)خاصية أنإلى اللون المكتوب عليه مع العلم (Label) العنوان أداة تحكمخلفية (label1)العنوان هي تحكم

ما يشير إليه الرقم1 2 3 4

زر احمر زر اخضر زر ازرق

2

3

1

4

(87 )

الرابعالفصل نافذة الكود Code Windows

مستخدما الخاصية (label1)اكتب سطر الكود التالي إلظهار أو إخفاء أداة تحكم العنوان -3(Visible)

قم بتغييرها برمجيا إلى القيم الموضحة :( (TextBox1لديك عدة خصائص ألداة تحكم -4

الكود القيمة المطلوبة الخاصية

MultiLine true

Font نوعandalus بحجم

21

ForeColor ازرق

BackColor أصفر

زر إظهار

زر إخفاء