يتحدث الفصل الرابع عن نافذة الكود في برنامج فيجوال بيسك، حيث يتم تعليم الطلاب كيفية التعامل مع أدوات البرمجة وخصائصها. يتضمن شرح كيفية فتح النافذة، وكتابة التعليمات البرمجية، وضبط خصائص التحكم المختلفة عبر كود البرنامج. يُظهر المحتوى كيفية إعداد الأحداث ومعالجتها برمجياً لضبط تفاعل الواجهة.

1. (96)
‫الفصل‬‫الرابع‬‫الكود‬ ‫نافذة‬
Code Windows
Seven
Microsoft Corporation
[Pick the date]
‫الكود‬ ‫نافذة‬
Code Window
‫بنهاية‬‫تدريس‬‫الفصل‬ ‫هذا‬‫يكون‬‫الطالب‬‫ا‬ً‫ر‬‫قاد‬‫على‬:‫أن‬
‫الكود‬ ‫نافذة‬ ‫مع‬ ‫يتعامل‬(Code Window).
‫المقصود‬ ‫يحدد‬‫بـ‬‫الحدث‬ ‫معالج‬(Event Handler).
‫خصائص‬ ‫يضبط‬(Properties)‫التحكم‬ ‫أدوات‬(Controls)‫برمجيا‬.

2. (07)
‫الفصل‬‫الرابع‬‫الكود‬ ‫نافذة‬
Code Windows
‫بلغة‬ )‫(الكود‬ ‫التعليمات‬‫و‬ ‫امر‬‫و‬‫األ‬ ‫كتابة‬ ‫يمكن‬ ‫خاللها‬ ‫من‬ ‫التي‬ ‫هي‬‫نت‬ ‫دوت‬ ‫يك‬‫ز‬‫بي‬ ‫ال‬‫و‬‫فيج‬
(Visual Basic .NET)‫اسة‬‫ر‬‫الد‬ ‫محل‬.
‫لفتح‬‫الكود‬ ‫نافذة‬(Code Window)( ‫النموذج‬ ‫بنافذة‬ ‫الخاصة‬Form1):‫اآلتي‬ ‫نتبع‬
1-‫النموذج‬ ‫نافذة‬ ‫أن‬ ‫من‬ ‫تأكد‬(Form).‫نشطة‬
2-( ‫مفتاح‬ ‫على‬ ‫أضغط‬F7.)
( ‫الكود‬ ‫نافذة‬ ‫تظهر‬Code Window)‫موضح‬ ‫هو‬ ‫كما‬(‫بشكل‬4-1):
‫شكل‬(4-1)( ‫الكود‬ ‫نافذة‬Code Window)
‫على‬ ‫الموضحة‬ ‫األرقام‬ ‫تشير‬( ‫شكل‬4-1):‫إلى‬
1-.‫الكود‬ ‫به‬ ‫يخزن‬ ‫الذي‬ ‫ملف‬ ‫اسم‬
2-‫به‬ ‫يخزن‬ ‫الذي‬ ‫الملف‬ ‫اسم‬‫النموذج‬ ‫نافذة‬ ‫اجهة‬‫و‬(Form).
3-( ‫تصنيف‬ ‫عن‬ ‫اإلعالن‬Class( ‫باسم‬ )Form1.)
4-‫الخاصة‬ ‫اد‬‫و‬‫األك‬ ‫تكتب‬ ‫ين‬‫ر‬‫السط‬ ‫بين‬ ‫ما‬‫بالتصنيف‬(Form1.)
5-( ‫التصنيف‬ ‫نهاية‬ ‫سطر‬Form1).
4-1‫الكود‬ ‫نافذة‬(Code Window)
2
3
1
4
5

3. (01)
‫الفصل‬‫الرابع‬‫الكود‬ ‫نافذة‬
Code Windows
( ‫لنافذة‬ ‫ان‬‫و‬‫العن‬ ‫شريط‬ ‫يظهر‬IDE)‫موضح‬ ‫هو‬ ‫كما‬( ‫بشكل‬4-3):
‫الكود‬ ‫نافذة‬ ‫على‬ ‫التعرف‬(Code Window)‫الحدث‬ ‫ومعالج‬(Event Handler).
1-‫ع‬‫مشرو‬ ‫بإنشاء‬ ‫قم‬ ‫معلمك‬ ‫بمعاونة‬(Project)( ‫اسم‬ ‫تحت‬Shapes‫ع‬‫المشرو‬ ‫احفظ‬‫و‬ )(Project)
( ‫الحل‬ ‫اسم‬ ‫يكون‬ ‫بحيث‬Geometric‫النموذج‬ ‫نافذة‬ ‫بإعداد‬ ‫قم‬ ‫ثم‬ )(Form)( ‫اسم‬ ‫تحت‬frmSquare)
‫موضح‬ ‫هو‬ ‫كما‬‫بشكل‬(4-2):
‫شكل‬(4-2)‫النموذج‬ ‫نافذة‬(Form)‫بالمشروع‬(Project)‫الجديد‬
( ‫خاصية‬ ‫ضبط‬ ‫بدون‬ ‫وذلك‬Name‫ات‬‫و‬‫لألد‬ )( ‫التحكم‬Controls)‫النموذج‬ ‫نافذة‬ ‫على‬ ‫الموضوعة‬(Form).
:
‫شكل‬(4-3)( ‫العنوان‬ ‫شريط‬Title Bar‫اسم‬ ‫به‬ ‫موضح‬ )‫الحل‬ٍ(Solution)
:‫إلى‬ ‫الشكل‬ ‫على‬ ‫الموضحة‬ ‫األرقام‬ ‫تشير‬
1-( ‫الحل‬ ‫اسم‬Solution)
2-‫اسم‬‫من‬ ‫المستخدم‬ ‫اإلصدار‬(Visual Studio).
21
4-2‫الحدث‬ ‫معالج‬(Event Handler)

4. (02)
‫الفصل‬‫الرابع‬‫الكود‬ ‫نافذة‬
Code Windows
2-( ‫الحل‬ ‫نافذة‬ ‫في‬Solution Explorer( ‫لملف‬ ‫ة‬‫المختصر‬ ‫القائمة‬ ‫من‬ )Form1.vb‫األمر‬ ‫اختر‬ )
(View Code)‫موضح‬ ‫هو‬ ‫كما‬( ‫بشكل‬4-4):
‫شكل‬(4-4)( ‫الكود‬ ‫نافذة‬ ‫إظهار‬Code Window)
( ‫األمر‬ ‫اختيار‬ ‫بعد‬View Code‫لنا‬ ‫يظهر‬ )( ‫شكل‬4-5):
‫شكل‬(4-5)( ‫الكود‬ ‫نافذة‬Code Window)
‫على‬ ‫الموضحة‬ ‫األرقام‬ ‫تشير‬( ‫شكل‬4-5):‫إلى‬
1-( ‫القائمة‬Class Name)‫التي‬‫أسماء‬ ‫تعرض‬‫ات‬‫و‬‫أد‬‫التحكم‬(Controls)‫على‬ ‫الموضوعة‬
‫النموذج‬ ‫نافذة‬(Form).
2-( ‫القائمة‬Method Name)‫القائمة‬ ‫من‬ ‫المختار‬ ‫بالعنصر‬ ‫الخاصة‬ ‫األحداث‬ ‫تعرض‬
(Class Name)
‫المشروع‬ ‫اسم‬
‫القائمة‬ ‫من‬‫اختر‬ ‫المختصرة‬
1 2

5. (03)
‫الفصل‬‫الرابع‬‫الكود‬ ‫نافذة‬
Code Windows
‫الحدث‬ ‫معالج‬(Event Handler)‫معين‬ ‫حدث‬ ‫ع‬‫وقو‬ ‫عند‬ ‫استدعاءه‬ ‫يتم‬ ‫الذي‬ ‫اء‬‫ر‬‫اإلج‬ ‫هو‬ :‫هو‬ ‫كما‬
‫موضح‬‫بشكل‬(4-8):
3-( ‫القائمة‬ ‫بفتح‬ ‫قم‬Class Name‫التحكم‬ ‫ات‬‫و‬‫أد‬ ‫أسماء‬ ‫وجود‬ ‫تالحظ‬ )(Controls)‫على‬ ‫رسمتها‬ ‫التي‬‫نافذة‬
‫النموذج‬(Form)‫بأسمائها‬‫اضية‬‫ر‬‫االفت‬‫موضح‬ ‫هو‬ ‫كما‬( ‫بشكل‬4-6):
‫شكل‬(4-9)( ‫الكود‬ ‫بنافذة‬ ‫األدوات‬ ‫أسماء‬ ‫استعراض‬Code Window)
4-(‫األمر‬ ‫زر‬ ‫اختيارك‬ ‫بعد‬Button1‫القائمة‬ ‫من‬ )(Class Name)( ‫القائمة‬ ‫بفتح‬ ‫قم‬Method Name‫سوف‬ )
( ‫األمر‬ ‫بزر‬ ‫الخاصة‬ ‫األحداث‬ ‫تجد‬Button1)‫موضح‬ ‫هو‬ ‫كما‬( ‫بشكل‬4-7):
‫شكل‬(4-0)( ‫الحدث‬ ‫اختيار‬Event)‫المطلوب‬
:
‫اختر‬Button1
‫الحدث‬ ‫اختر‬Click

6. (04)
‫الفصل‬‫الرابع‬‫الكود‬ ‫نافذة‬
Code Windows
‫شكل‬(4-8)‫الحدث‬ ‫معالج‬(Event Handler)
‫الشكل‬ ‫على‬ ‫الموضحة‬ ‫األرقام‬ ‫تشير‬(4-8):
1-‫من‬ ‫مكون‬ ‫اء‬‫ر‬‫اإلج‬ ‫اسم‬(‫الحدث‬ ‫اسم‬‫و‬ ‫الكائن‬ ‫اسم‬).
2-.‫اء‬‫ر‬‫اإلج‬ ‫نهاية‬ ‫سطر‬
3-.‫اء‬‫ر‬‫اإلج‬ ‫استدعاء‬ ‫في‬ ‫المسبب‬
4-‫الحدث‬ ‫ع‬‫وقو‬ ‫بعد‬ ‫اء‬‫ر‬‫اإلج‬ ‫استدعاء‬ ‫عند‬ ‫ينفذ‬ ‫الذي‬ ‫الكود‬ ‫يكتب‬ ‫ين‬‫ر‬‫السط‬ ‫بين‬ ‫ما‬(Event).
5-( ‫التصنيف‬ ‫عن‬ ‫اإلعالن‬ ‫سطر‬frmSquare).
6-‫التصنيف‬ ‫نهاية‬ ‫سطر‬(Class).
5-‫قم‬ ‫معلمك‬ ‫بمعاونة‬( ‫الخاصية‬ ‫قيمة‬ ‫بضبط‬Name‫ات‬‫و‬‫لألد‬ )‫موضح‬ ‫هو‬ ‫كما‬‫بجدول‬(4-1):
( ‫الخاصية‬ ‫قيمة‬Name) ‫تحكم‬ ‫أداة‬ ‫م‬
btnCalculate Button1 1
lblLength Label1 2
lblResult Label2 3
txtLength TextBox1 4
( ‫جدول‬4-1)
‫ضبط‬ ‫بعد‬‫هذه‬( ‫باختيار‬ ‫قم‬ ‫الخصائص‬Code( ‫قائمة‬ ‫من‬ )View.)
6
1
2 3
4
5

7. (05)
‫الفصل‬‫الرابع‬‫الكود‬ ‫نافذة‬
Code Windows
‫فتح‬ ‫عند‬( ‫قائمة‬Class Name)‫التحكم‬ ‫ات‬‫و‬‫أد‬ ‫أسماء‬ ‫تغير‬ ‫تالحظ‬(Controls)‫على‬ ‫رسمتها‬ ‫التي‬
‫النموذج‬‫موضح‬ ‫هو‬ ‫كما‬‫بشكل‬(4-6):
‫شكل‬(4-6)‫التحكم‬ ‫ألدوات‬ ‫الجديدة‬ ‫األسماء‬ ‫ظهور‬(Control)
1-‫ع‬‫مشرو‬ ‫بإنشاء‬ ‫قم‬(Project)‫ثم‬ ‫جديد‬
‫النموذج‬ ‫نافذة‬ ‫بضبط‬ ‫قم‬(Form)‫هو‬ ‫كما‬
‫موضح‬( ‫بشكل‬4-11):
‫شكل‬(4-17)‫نافذة‬‫النموذج‬(Form)‫الم‬‫ط‬‫إنشاؤه‬ ‫لوب‬‫ا‬
2-( ‫ال‬ ‫خاصية‬ ‫بضبط‬ ‫قم‬ ‫ثم‬Name( ‫النموذج‬ ‫لنافذة‬ )Form2( ‫إلى‬ )frmAdjustProperties)
4-3‫الخصائص‬ ‫ضبط‬(Properties)‫برمجيا‬

8. (09)
‫الفصل‬‫الرابع‬‫الكود‬ ‫نافذة‬
Code Windows
3-‫ثم‬‫بضبط‬ ‫قم‬‫قيمة‬( ‫الخاصية‬Name‫ات‬‫و‬‫لألد‬ )‫هو‬ ‫كما‬‫موضح‬( ‫بجدول‬4-2):
( ‫الخاصية‬ ‫قيمة‬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
‫جدول‬(4-2)‫الخاصية‬ ‫قيم‬(Name)‫التحكم‬ ‫ألدوات‬(Controls)
:
‫شكل‬(4-11)( ‫الحدث‬ ‫معالج‬Event Handler)‫الخاص‬‫األمر‬ ‫بزر‬(Button)
‫الشكل‬ ‫على‬ ‫الموضحة‬ ‫األرقام‬ ‫تشير‬(4-11):
1-( ‫اء‬‫ر‬‫اإلج‬ ‫اسم‬btn_Text_Click)‫من‬ ‫المكون‬( ‫التحكم‬ ‫أداة‬ ‫اسم‬btn_Text‫الحدث‬ ‫اسم‬‫و‬ )
(Click).
2-‫بين‬ ‫ما‬)‫(الكود‬ ‫يكتب‬ ‫السطرين‬.
( ‫الخصائص‬ ‫ضبط‬ ‫صيغة‬Properties:‫برمجيا‬ )
ControlName.Property=value
‫اسم‬‫التحكم‬ ‫أداة‬‫الكائن‬ ‫أو‬ ‫القيمة‬‫الخاصية‬
2 1
‫الزر‬ ‫على‬ ‫المزدوج‬ ‫بالنقر‬ ‫قمت‬ ‫إذا‬(Button)( ‫كلمة‬ ‫عليه‬ ‫الظاهر‬text‫نافذة‬ ‫فتح‬ ‫يتم‬ )
‫الحدث‬ ‫معالج‬ ‫وبها‬ ‫الكود‬(Event Handler)‫الزر‬ ‫بهذا‬ ‫الخاص‬‫موضح‬ ‫هو‬ ‫كما‬‫بشكل‬
(4-11):

9. (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

10. (08)
‫الفصل‬‫الرابع‬‫الكود‬ ‫نافذة‬
Code Windows
( ‫القيمة‬Value‫يتم‬ ‫التي‬ )‫ومنها‬ ‫اعها‬‫و‬‫أن‬ ‫تتعدد‬ ‫للخاصية‬ ‫تخصيصها‬:
1-( ‫الخاصية‬ ‫مثال‬ ‫المجردة‬ ‫القيمة‬Text.)
2-( ‫الخاصية‬ ‫مثال‬ ‫المنطقية‬ ‫القيمة‬Visible.)
3-( ‫الخاصية‬ ‫مثال‬ ‫قائمة‬ ‫من‬ ‫القيمة‬ForeColor.)
4-( ‫الخاصية‬ ‫مثال‬ ‫كائن‬ ‫بإنشاء‬ ‫القيمة‬Font.)
5-.‫الحقا‬ ‫استها‬‫ر‬‫د‬ ‫يتم‬ ‫سوف‬ ‫حسابي‬ ‫تعبير‬ ‫ناتج‬ ‫من‬ ‫القيمة‬
6-‫من‬ ‫القيمة‬( ‫متغير‬Variable)( ‫خاصية‬ ‫من‬ ‫أو‬Properties.)
:
8-( ‫الحدث‬ ‫معالج‬ ‫اج‬‫ر‬‫بإد‬ ‫قم‬ ‫البرنامج‬ ‫إلنهاء‬Click( ‫لزر‬ )btnEnd‫األمر‬ ‫اكتب‬‫و‬ )
(End.)
‫األحداث‬ ‫معالجات‬ ‫اد‬‫و‬‫أك‬ ‫كتابة‬ ‫بعد‬(Event Handlers)‫الكود‬ ‫نافذة‬ ‫تصبح‬ ‫السابقة‬(Code Window)
‫موضح‬ ‫هو‬ ‫كما‬( ‫بشكل‬4-12):
‫شكل‬(4-12)‫الكود‬ ‫نافذة‬(Code Window)‫األحداث‬ ‫معالجات‬ ‫جميع‬ ‫وبها‬(Event Handler)

11. (06)
‫الفصل‬‫الرابع‬‫الكود‬ ‫نافذة‬
Code Windows
‫أسئلة‬
1-:‫التالي‬ ‫الشكل‬ ‫في‬ ‫األرقام‬ ‫إليه‬ ‫تشير‬ ‫ما‬ ‫أكتب‬
2-‫في‬‫نافذة‬‫النموذج‬(Form): ‫التالي‬
‫الكود‬ ‫سطر‬ ‫اكتب‬‫المناسب‬‫زر‬ ‫لكل‬(Button)‫زر‬ ‫أي‬ ‫على‬ ‫النقر‬ ‫عند‬ ‫بحيث‬(Button)‫بتغيير‬ ‫يقوم‬
‫خلفية‬‫تحكم‬ ‫أداة‬‫ان‬‫و‬‫العن‬(Label)‫العلم‬ ‫مع‬ ‫عليه‬ ‫المكتوب‬ ‫اللون‬ ‫إلى‬‫أن‬‫خاصية‬(Name)‫أل‬‫داة‬
‫تحكم‬‫هي‬ ‫ان‬‫و‬‫العن‬(label1)
‫الرقم‬‫إليه‬ ‫يشير‬ ‫ما‬
1
2
3
4
‫احمر‬ ‫زر‬
‫اخضر‬ ‫زر‬
‫ازرق‬ ‫زر‬
2
3
1
4

12. (87)
‫الفصل‬‫الرابع‬‫الكود‬ ‫نافذة‬
Code Windows
3-‫ان‬‫و‬‫العن‬ ‫تحكم‬ ‫أداة‬ ‫إخفاء‬ ‫أو‬ ‫إلظهار‬ ‫التالي‬ ‫الكود‬ ‫سطر‬ ‫اكتب‬(label1)‫الخاصية‬ ‫مستخدما‬
(Visible)
4-‫تحكم‬ ‫ألداة‬ ‫خصائص‬ ‫عدة‬ ‫لديك‬TextBox1)): ‫الموضحة‬ ‫القيم‬ ‫إلى‬ ‫برمجيا‬ ‫ها‬‫بتغيير‬ ‫قم‬
‫الخاصية‬‫المطلوبة‬ ‫القيمة‬‫الكود‬
MultiLinetrue
Font‫ع‬‫نو‬andalus‫بحجم‬
21
ForeColor‫ازرق‬
BackColor‫أصفر‬
‫إظهار‬ ‫زر‬
‫إخفاء‬ ‫زر‬