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

1. ‫من‬‫معلم‬ ‫إبراهيم‬ ‫محمد‬ ‫أحمد‬ ‫هناء‬ /‫إعداد‬‫آلى‬ ‫حاسب‬
1
‫مع‬‫والتفوق‬ ‫بالنجاح‬ ‫األمنيات‬ ‫أطيب‬
Visual Basic.Net Environment
 Starting Visual Basic.Net
‫التالية‬ ‫بالخطوات‬ ‫نقوم‬ ‫بيسك‬ ‫الفيجوال‬ ‫تشغيل‬ ‫لبدء‬
‫ىىىى‬ ‫و‬ ‫ط‬ ‫ويطدوىىىى‬ ‫ىىىى‬ ‫علىىىىيط‬StartProgramsMicrosoft Visual
Studio2005Microsoft Visual Studio 2005
:‫لوة‬ ‫ةطالت‬ ‫طلكطال‬ ‫ستظو‬
‫ط‬
‫ط‬
‫ط‬ ‫ىطلإلي‬ ‫عليطالجوةطالوس‬Start Page‫ط‬‫اتط‬ ‫وكطخو‬ ‫طل‬ ‫ج‬ ‫ت‬Open‫ط‬‫ط‬Create‫ط‬‫التيط‬
‫وعط‬ ‫ءطد‬ ‫طا‬ ‫كطدنطخاللو‬ ‫ودك‬Project‫ط‬‫و‬ ‫عطق‬ ‫طفتحطد‬ ‫ةطا‬ ‫و‬ ‫ج‬‫ط‬
‫ط‬
‫ط‬ ‫طاخت‬ ‫و‬ ‫عطج‬ ‫ءطد‬ ‫ال‬Create  Project‫ط‬‫ف‬‫ط‬ ‫تظو‬‫ط‬ ‫و‬ ‫كطتح‬ ‫ةطتيلبطد‬ ‫لكط‬
o‫عطط‬ ‫عطالد‬Project Types‫ط‬(‫طدنطاختو‬ ‫تأك‬‫ط‬Visual Basic‫ط‬)‫ط‬
o‫ط‬ ‫و‬ ‫تح‬Template‫طط‬‫(س‬‫ط‬ ‫ستخ‬Windows Application)
o‫عطط‬ ‫طالد‬ ‫اس‬Name‫ط‬‫لط‬ ‫(عليطسبولطالدث‬Week1‫ط‬)
o‫عط‬ ‫ونطالد‬ ‫قعطتخ‬ ‫د‬Location‫طط‬‫طعلىيط‬ ‫ر‬ ‫ل‬ ‫طبى‬ ‫و‬ ‫نطالذيطت‬ ‫طالدك‬ ‫و‬ ‫كطتح‬ ‫(ودك‬
Browse‫ط‬‫طال‬ ‫طاختو‬ ‫ث‬‫د‬‫طذلكطعليط‬ ‫الضغيطبع‬ ‫قعط‬Open‫ط‬)
‫ط‬
‫ط‬

2. ‫من‬‫معلم‬ ‫إبراهيم‬ ‫محمد‬ ‫أحمد‬ ‫هناء‬ /‫إعداد‬‫آلى‬ ‫حاسب‬
2
‫مع‬‫والتفوق‬ ‫بالنجاح‬ ‫األمنيات‬ ‫أطيب‬
‫طسبقطاضغيطعليط‬ ‫طد‬ ‫و‬ ‫ءطدنطتح‬ ‫تو‬ ‫طاال‬ ‫بع‬Ok‫ط‬‫ىةطال‬ ‫طلكطال‬ ‫فتظو‬‫لوىةط(الحىظطانط‬ ‫ت‬VB.Net‫ط‬
‫لعدلط)ط‬ ‫ءطب‬ ‫تطالدتعلرةطبهطقبلطالب‬ ‫جدوعطالدلف‬ ‫عط‬ ‫طلحفظطالد‬ ‫ءطدجل‬ ‫طب‬ ‫تر‬‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
‫ط‬
Form
Window
Toolbox
Properties
Window
Explorer
Solution
Explorer
Auto hide

3. ‫من‬‫معلم‬ ‫إبراهيم‬ ‫محمد‬ ‫أحمد‬ ‫هناء‬ /‫إعداد‬‫آلى‬ ‫حاسب‬
3
‫مع‬‫والتفوق‬ ‫بالنجاح‬ ‫األمنيات‬ ‫أطيب‬
‫الشاشة‬‫السابقة‬‫الشاشة‬ ‫هي‬‫الرئيس‬‫ي‬‫التالية‬ ‫األجزاء‬ ‫من‬ ‫والمكونة‬ ‫معها‬ ‫سنتعامل‬ ‫والتي‬ ‫ة‬:
-‫العنوان‬ ‫سطر‬-‫القوائم‬ ‫سطر‬-‫األ‬ ‫سطر‬‫دوات‬
‫تأتي‬ ‫ثم‬‫التالية‬ ‫النوافذ‬) ‫أساسي‬ ‫بشكل‬ ‫معها‬ ‫سنتعامل‬ ‫التي‬ ‫(وهي‬
-‫األدوات‬ ‫صندوق‬Toolbox
-‫التصميم‬ ‫شاشة‬Form Window
-‫المشروع‬ ‫مستكشف‬Solution Explorer
-‫الخصائص‬ ‫نافذة‬Properties Window
‫أن‬ ‫الحظ‬‫بيسك‬ ‫الفيجوال‬.‫نت‬‫كمشاريع‬ ‫ملفاته‬ ‫مع‬ ‫يتعامل‬Project‫مكل‬ ‫مشلروع‬ ‫وكلل‬‫ملن‬ ‫ون‬
‫شاشات‬ ‫عدة‬)‫(نماذج‬Forms
‫اختفت‬ ‫اذا‬‫يمكن‬ ‫السابقة‬ ‫النوافذ‬ ‫من‬ ‫أي‬‫األوامر‬ ‫قائمة‬ ‫خالل‬ ‫من‬ ‫استعادتها‬View
‫لميم‬‫ل‬‫التص‬ ‫لة‬‫ل‬‫شاش‬ ‫لع‬‫ل‬‫م‬ ‫لل‬‫ل‬‫تتعام‬ ‫لك‬‫ل‬‫أن‬ ‫لأ‬‫ل‬‫الح‬Design‫لى‬‫ل‬‫ال‬ ‫لال‬‫ل‬‫االنتق‬ ‫لة‬‫ل‬‫كيفي‬ ‫لا‬‫ل‬‫الحق‬ ‫لنتعلم‬‫ل‬‫(س‬ ‫لوذج‬‫ل‬‫للنم‬
‫التنفيذ‬ ‫شاشة‬–) ‫النموذج‬ ‫عرض‬
‫إخفاء‬‫نافذة‬‫بيسك‬ ‫فيجوال‬ ‫في‬:
‫ط‬
‫طططططط‬‫ه‬‫ءط‬ ‫قطإلخف‬ ‫طدنطالي‬ ‫لكطع‬‫افذ‬ ‫ال‬‫ط‬: ‫و‬ ‫د‬ ‫الطبوسكط‬ ‫طفيطفوج‬ ‫طاألي‬ ‫أ‬‫ط‬
‫ط‬
1.‫ط‬ ‫االد‬WindowAuto Hide‫ط‬‫ط‬ ‫اتطبحوىيطالطوظوى‬ ‫طاال‬ ‫يطإليى‬ ‫ءطالتلرى‬ ‫لتدكونطاالخفى‬
‫ط‬ ‫ى‬‫ى‬‫طوس‬ ‫ىونطأ‬‫ى‬‫ىيطود‬‫ى‬ ‫طبأق‬ ‫ى‬‫ى‬‫ةطود‬ ‫ى‬‫ى‬‫ىوةطلظو‬‫ى‬‫اض‬ ‫ىةطاالفت‬‫ى‬‫ف‬ ‫ىنطالح‬‫ى‬‫ابطد‬ ‫ى‬‫ى‬‫طاالقت‬ ‫ى‬‫ى‬‫لطت‬ ‫ى‬‫ى‬‫طاالطبح‬ ‫ى‬‫ى‬‫االي‬
.‫فذة‬ ‫ال‬‫ط‬
2.‫سط‬ ‫ب‬ ‫طال‬ ‫ط‬ ‫ا‬ ‫وستخ‬‫طط‬‫الذيطوظو‬‫ط‬‫لط‬ ‫طالضىغيطعلوىهطأل‬ ‫اسوةطبحويطع‬ ‫طال‬ ‫فريطدعطاالي‬
‫ءط‬ ‫لطاخف‬ ‫لنطوح‬ ‫ه،ط‬ ‫ةطوظو‬ ‫وةطوعدلطعليطوع‬ ‫ةطالث‬ ‫فيطالد‬ ‫ط‬ ‫ءطاالي‬ ‫ةطوعدلطعليطاخف‬ ‫د‬
‫هط‬ ‫طفإ‬ ‫نطاالي‬ ‫ةطاليطدك‬ ‫لطالع‬ ‫بح‬ ‫ط‬ ‫طاالي‬ ‫نطظو‬ ‫سطعنطدك‬ ‫طالد‬ ‫لطابتع‬ ‫طاالطبح‬ ‫االي‬
.ً ‫و‬ ‫طتلر‬ ‫وظو‬
 Building your first Project ‫مشروع‬ ‫أول‬ ) ‫(تصميم‬ ‫بناء‬
‫األدوات‬ ‫ملا‬ ‫للتعاملل‬ ‫بحاجة‬ ‫سنكون‬ ‫نموذج‬ ‫أي‬ ‫تصميم‬ ‫لبدء‬Tools (Controls)‫الظلاهر‬
‫الحاجة‬ ‫وبحسب‬ ‫منها‬ ‫أي‬ ‫اضافة‬ ‫يمكننا‬ ‫والتي‬ ‫األدوات‬ ‫صندوق‬ ‫في‬.
‫يظهلللر‬‫ا‬ ‫صلللندوق‬ ‫فلللي‬‫ألدوات‬‫األدوات‬ ‫بعلللأل‬‫اللللن‬ ‫نصلللندوق‬ ‫اسلللتخدامها‬ ‫يمكننلللا‬ ‫التلللي‬
Textbox‫أو‬‫أزرار‬‫األمر‬Command Button... ‫الخ‬
o‫إلضللافة‬‫أدا‬ ‫أي‬‫ننقللر‬ ‫ان‬ ‫يمكللن‬ ‫للنمللوذج‬‫للا‬ ‫مودو‬ ‫نقللرا‬‫فللي‬ ‫للود‬ ‫المو‬ ‫األداة‬ ‫رمللو‬ ‫علللى‬
ToolBox‫النموذج‬ ‫على‬ ‫نرسم‬ ‫ثم‬ ‫واحدة‬ ‫مرة‬ ‫عليها‬ ‫ننقر‬ ‫ان‬ ‫أو‬‫األ‬‫د‬‫نريد‬ ‫الذي‬ ‫بالحجم‬ ‫اة‬

4. ‫من‬‫معلم‬ ‫إبراهيم‬ ‫محمد‬ ‫أحمد‬ ‫هناء‬ /‫إعداد‬‫آلى‬ ‫حاسب‬
4
‫مع‬‫والتفوق‬ ‫بالنجاح‬ ‫األمنيات‬ ‫أطيب‬
o‫إللغاء‬‫أدا‬ ‫أي‬‫للفأرة‬ ‫األيمن‬ ‫الور‬ ‫بنقر‬ ‫قم‬Right Click‫ت‬ ‫وأنت‬ (‫خ‬‫تار‬‫اختر‬ ‫ثم‬ )‫األداة‬
Delete
o‫أدا‬ ‫أي‬ ‫لم‬‫ل‬‫بحج‬ ‫لتحكم‬‫ل‬‫لل‬Size‫لك‬‫ل‬‫يمكن‬‫لم‬‫ل‬‫ث‬ )‫لا‬‫ل‬‫عليه‬ ‫لدة‬‫ل‬‫واح‬ ‫لرة‬‫ل‬‫م‬ ‫لالنقر‬‫ل‬‫(ب‬ ‫األداة‬ ‫لار‬‫ل‬‫اختي‬‫لع‬‫ل‬‫وض‬
‫المقابض‬ ‫من‬ ‫أي‬ ‫على‬ ‫المؤشر‬Handles‫ثلم‬ ‫األداة‬ ‫حول‬ ‫تظهر‬ ‫التي‬‫سلحب‬‫باتجلا‬ ‫الفلأرة‬
‫الحجم‬ ‫انقاص‬ ‫او‬ ‫زيادة‬
o‫مكانها‬ ‫من‬ ‫األدا‬ ‫لتحريك‬Move‫(دو‬ ‫عليهلا‬ ‫الفلأرة‬ ‫وضلع‬ ‫يمكنلك‬‫ها‬ ‫سلح‬ ‫ثلم‬ ) ‫الضلط‬ ‫ن‬
Drag‫تريد‬ ‫الذي‬ ‫للمكان‬‫وافالتها‬
o‫جلدا‬ ‫مهم‬‫أدا‬ ‫أي‬ ‫مواصلفات‬ ‫لتغييلر‬‫و‬ ‫الخل‬ ‫نلوع‬ ‫فيهلا‬ ‫يظهلر‬ ‫اللذي‬ ‫الكلالم‬ ‫لونهلا‬ (
) ... ‫حجمه‬‫الخصائ‬ ‫نافذ‬ ‫استخدم‬
 Some of VB.Net Tools (Controls)
Tool Name Tool box view Function
Label
‫تسمية‬
‫لوض‬ ‫تستخدم‬‫النتائج‬ ‫اظهار‬ / ‫عناوين‬ ‫ا‬
Picture box
‫الصور‬ ‫صندوق‬
‫الصور‬ ‫لعرض‬ ‫يستخدم‬
Text box
‫الن‬ ‫مربا‬
‫البيانات‬ ‫الدخال‬ ‫رئيسي‬ ‫بشكل‬ ‫يستخدم‬
Button
‫األمر‬ ‫زر‬
‫ما‬ ‫مهمة‬ ‫تنفيذ‬ ‫لبدء‬ ‫عليه‬ ‫نضغ‬ (Initiate an
action)
Radio Button
‫اختيار‬ ‫زر‬
) ‫فق‬ ‫الخيارات‬ ‫من‬ ‫واحد‬ ‫اختيار‬ ‫(يمكن‬ ‫لالختيار‬ ‫يستخدم‬
Check box
‫االختيار‬ ‫مربا‬
)‫معا‬ ‫الخيارات‬ ‫من‬ ‫عدد‬ ‫اختيار‬ ‫(يمكن‬ ‫لالختيار‬ ‫يستخدم‬
List box, Combo box
‫انمنسدلة‬ ‫القائمة‬ ‫لالختيار‬ ‫يستخدم‬) ‫نبير‬ ‫الخيارات‬ ‫عدد‬ ‫يكون‬ ‫(عندما‬

5. ‫من‬‫معلم‬ ‫إبراهيم‬ ‫محمد‬ ‫أحمد‬ ‫هناء‬ /‫إعداد‬‫آلى‬ ‫حاسب‬
5
‫مع‬‫والتفوق‬ ‫بالنجاح‬ ‫األمنيات‬ ‫أطيب‬
‫التالي‬ ‫النموذج‬ ‫صمم‬ ‫مثال‬‫عناصره‬ ‫من‬ ‫لكل‬ ‫الخصائ‬ ‫مراعيا‬‫وبحيث‬‫النموذج‬ ‫يظهر‬
‫حجم‬ ‫بأنبر‬Maximized‫التنفيذ‬ ‫عند‬
Tool Name Tool box view Function
Timer
‫الموقت‬
‫الزمني‬ ‫الموقت‬
Group box, Panel
‫التجميا‬ ‫صندوق‬
‫االطار‬
‫الخيارات‬ ‫من‬ ‫مجموعة‬ ‫لضم‬ ‫تستخدم‬
‫اطار‬ ‫(لوضا‬)‫حولها‬
DateTimePicker
‫والتاريخ‬ ‫الوقت‬ ‫اختيار‬
‫تاريخ‬ ‫الدخال/اختيار‬ ‫الحاجة‬ ‫عند‬ ‫يستخدم‬
Process
‫عالج‬ُ‫م‬
‫لتشغيل‬ ‫الحاجة‬ ‫عند‬ ‫يستخدم‬‫(تط‬ ‫برامج‬‫خالل‬ ‫من‬ )‫بيقات‬
VB.Net
Picturebox
Text box
Label
Group box
Radio button Check box

6. ‫من‬‫معلم‬ ‫إبراهيم‬ ‫محمد‬ ‫أحمد‬ ‫هناء‬ /‫إعداد‬‫آلى‬ ‫حاسب‬
6
‫مع‬‫والتفوق‬ ‫بالنجاح‬ ‫األمنيات‬ ‫أطيب‬
 Properties )‫(الخصائص‬ :
‫الكائن‬ ‫بمواصفات‬ ‫للتحكم‬ ‫الخصائ‬ ‫تستخدم‬‫نوع‬ ، ‫الخ‬ ‫حجم‬ ، ‫الخ‬ ‫نوع‬ ، ‫لونه‬ : ‫مثل‬
‫االطار‬‫الخ‬ ... ‫مخفي‬ ‫أم‬ ‫ظاهر‬ ، ‫اإلطار‬ ‫لون‬ ،
‫الخصلائ‬ ‫نافلذ‬ ‫خالل‬ ‫من‬ ‫نائن‬ ‫أي‬ ‫خصائ‬ ‫تغيير‬ ‫يمكن‬windowProperties‫وذللك‬
‫لها‬ ‫نريد‬ ‫التي‬ ‫القيمة‬ ‫ونحدد‬ ‫الخاصية‬ ‫نحدد‬ ‫النافذة‬ ‫من‬ ‫ثم‬ ‫نريد‬ ‫الذي‬ ‫الكائن‬ ‫باختيار‬
‫ال‬‫الخصائ‬ ‫نفس‬ ‫الكائنات‬ ‫لجميا‬ ‫يكون‬‫بخصا‬ ‫الكائنات‬ ‫بعض‬ ‫تمتاز‬ ‫بل‬‫وحدها‬ ‫لها‬ ‫ئص‬
‫معا‬ ‫نائن‬ ‫من‬ ‫انثر‬ )‫(اخترنا‬ ‫حددنا‬ ‫اذا‬‫مفتاح‬ ‫ما‬ ‫النقر‬ ‫(باستخدام‬(Ctrl‫النافلذة‬ ‫فلي‬ ‫فسلتظهر‬
‫اختيارها‬ ‫تم‬ ‫التي‬ ‫للكائنات‬ ‫المشتركة‬ ‫الخصائص‬
 Some popular properties :
‫خصائص‬ ‫تحت‬ ‫ذكرها‬ ‫تم‬ ( ‫كائن‬ ‫من‬ ‫أكثر‬ ‫بين‬ ‫مشتركة‬ ‫أدنا‬ ‫الخصائص‬ ‫من‬ ‫الكثير‬Label،
‫ت‬ ‫ثم‬) ‫عنصر‬ ‫لكل‬ ‫المميوة‬ ‫الخصائص‬ ‫ذكر‬ ‫م‬
Object (Tool) Property Function
Label TextAlign )‫يسار‬ ،‫يمين‬ ، ‫(وس‬ ‫الكالم‬ ‫موقع‬ ‫لتحديد‬
Text )‫(تسمية‬ ‫الكائن‬ ‫على‬ ‫سيظهر‬ ‫الذي‬ ‫الكالم‬
Backcolor ‫الخلفي‬ ‫اللون‬‫ال‬ ‫اللون‬ ‫يظهر‬ ‫(حتى‬‫يجب‬ ‫نريد‬ ‫ذي‬
‫الخاصية‬ ‫قيمة‬ ‫أن‬ ‫من‬ ‫التأكد‬Backstyle‫هي‬
Opaque
Borderstyle ‫النم‬ / ‫النوع‬) ‫سادة‬ / ‫(شفاف‬ ‫للخلية‬
Font ، ‫غامق‬ ، ‫نوعه‬ ، ‫حجمه‬ ،‫(لونه‬ ‫الخ‬ ‫خصائص‬
) .. ، ‫مائل‬
Forecolor ‫الكالم‬ ‫لون‬
Height ‫الطول‬
Width ‫ا‬‫لعرض‬
Enabled ‫للتحكم‬ ‫قابل‬
Visible ‫مرئي‬‫مخفي‬ ‫أم‬ )‫(ظاهر‬
Textbox PasswordChar ‫الكالم‬ ‫من‬ ‫بدال‬ ‫ظهور‬ ‫نريد‬ ‫الذي‬ ‫الرمو‬
‫الحماية‬ ‫من‬ ‫كنوع‬ ) ‫التشفير‬ ‫(رمو‬ ‫االعتيادي‬
Readonly ‫فق‬ ‫للقراءة‬‫تطيير‬ ‫يستطيع‬ ‫ال‬ ‫الشخص‬ ‫ان‬ ‫أي‬ (
)‫فيه‬ ‫الظاهر‬ ‫الكالم‬

7. ‫من‬‫معلم‬ ‫إبراهيم‬ ‫محمد‬ ‫أحمد‬ ‫هناء‬ /‫إعداد‬‫آلى‬ ‫حاسب‬
7
‫مع‬‫والتفوق‬ ‫بالنجاح‬ ‫األمنيات‬ ‫أطيب‬
Object (Tool) Property Function
Picturebox Image ‫مربع‬ ‫في‬ ‫اما‬ ‫ظهورها‬ ‫نريد‬ ‫التي‬ ‫الصورة‬ ‫اسم‬
‫النموذج‬ ‫في‬ ‫او‬ ‫الصورة‬) ‫الصورة‬ ‫(لتحديد‬
ٍSizemode ‫او‬ ‫ير‬ ‫للتك‬ ‫قابلة‬ ‫الصورة‬ ‫كانت‬ ‫ما‬ ‫اذا‬ ‫تحدد‬
( ‫التصطير‬‫قابل‬‫ة‬‫للتمدد‬‫على‬ ‫التأثير‬ ‫دون‬ )
‫األصلية‬ ‫الصورة‬
Form Windowstate ‫النموذ‬ ‫نافذة‬ ‫بحجم‬ ‫للتحكم‬‫التنفيذ‬ ‫عند‬ ‫ج‬
Listbox
Combobox
Items ‫تحديد‬)‫(كتابة‬‫القائمة‬ ‫عناصر‬
Process StartInfo 
FileName
‫تنفيذ‬ ‫سيتم‬ ‫الذي‬ ‫الملف‬ ‫او‬ ‫يق‬ ‫التط‬ ‫اسم‬ ‫تحديد‬
‫الـ‬ ‫تشطيل‬ ‫عند‬Process
Timer Interval
Enabled
‫بالموقت‬ ‫طة‬ ‫المرت‬ ‫الومنية‬ ‫الفترة‬
‫الموقت‬ ‫تعطيل‬ ‫او‬ ‫تشطيل‬
DateTimePicker MinDate
MaxDate
Value
Format
)‫تاريخ‬ ‫(اقل‬ ‫الروزنامة‬ ‫تاريخ‬ ‫بداية‬
)‫تاريخ‬ ‫(اقصى‬ ‫الروزنامة‬ ‫تاريخ‬ ‫نهاية‬
‫اختيار‬ ‫تم‬ ‫الذي‬ ‫التاريخ‬
‫التاريخ‬ ‫عرض‬ ‫طريقة‬
‫من‬ ‫يمكنك‬ ‫نموذج‬ ‫صمم‬ :‫مثال‬
‫عن‬ ‫يقل‬ ‫ال‬ ‫الطالب‬ ‫(عمر‬ ‫امعي‬ ‫طالب‬ ‫ميالد‬ ‫تاريخ‬ ‫اختيار‬18) ‫سنة‬
‫من‬ ‫الطالب‬ ‫كلية‬ ‫اختيار‬‫خالل‬Listbox