1. Module 2 إنشاء تطبيقات الويندوز
:Creating a Simple Windows Forms Application

2. الأهداف
عند الانتهاء من هذه الوحدة، سيكون بمقدورك تحقيق الأهداف التالية :
إنشاء نموذج.
إضافة عناصر التحكم على النموذج.
تجميع وتشغيل المشروع. 2

3. مقدمة عن برنامج الفيجول استديو 2008
برنامج الفيجوال استديو يوفر أدوات لبناء
تطبيقات ويب (asp.net server-side script web application)
البرامج التي تمنحك القدرة على إنشاء مستنداتك أو تعديل صورك أو ترتيب يومياتك أو غيرها من الوظائف التي تقوم بها تطبيقات الـ Desktop، ولكن عبر متصفحات الويب. مثال:
Google Document،
برنامج إدارة المشاريع PHProjekt،
تطبيقات إدارة محتوى المستندات أو الويب مثل WordPress.
تطبيقات الويندوز (windows form application)
كبرنامج الورد واله الحاسبة
محتويات تطبيقات الويندوز

4. الفرق بين تطبيقات الويندوز وتطبيقات الويب
المعيار
تطبيقات الويندوز
تطبيقات الويب
السرعة
 تعتمد تطبيقات سطح المكتب على مواصفات الجهاز المستخدم ونظام التشغيل وبذالك سرعتها ثابتة نسبيًا
تعتمد تطبيقات الويب على سرعة اتصال الإنترنت لدى المستخدم وكلّ ما انخفضت سرعة الإنترنت صار من الصعب أو المستحيل أحيانًا العمل عليها.
بيئة العمل
تطبيقات سطح المكتب يلزمك فيها تحديد نوع نظام التشغيل الَّذي سوف تعمل عليه، وهذا أمر غير مرن إطلاقًا سواءً للمطورين أم للمستخدمين.
ما يميّز تطبيقات الويب هو قدرتك على العمل عليها عبر أيّ نظام تشغيل.
الأمنية
تطبيقات سطح المكتب أعلى من أمنيّة تطبيقات الويب بدرجةٍ كبيرة.
تطبيقات الويب هي إحدى خدمات شبكة الإنترنت الَّتي تربط بين مختلف أجهزة الحاسب في العالم، ممَّا يسّهل اختراقها والعبث بها.
تحديث التطبيقات
تحديث تطبيقات سطح المكتب، يتكلّف كلّ مستخدمٍ عناء تحديث البرنامج بنفسه، وهذا أمر غير فعَّال، وإذا ما نظرنا مثلاً لتطبيق MS Office فإننا نجد الكثير من المستخدمين ما زال يعمل على نسخة 2003 حتى بعد ظهور نسخة 2007 بكثير، لكن من يعمل الآن على النسخة القديمة من
تحديث تطبيقات الويب أعلى مرونةً بكثير من تحديث تطبيقات سطح المكتب، لأنّ مطوّر التطبيق أو الشركة المالكة سوف تقوم بتحديث تطبيقها على الويب مرَّةً واحدةً فقط، ليستخدمه بعد ذلك آلاف وأحيانًا ملايين المستخدمين. 

5. تابع الفرق بين تطبيقات الويندوز وتطبيقات الويب
المعيار
تطبيقات الويندوز
تطبيقات الويب
استهلاك الذاكرة:
في تطبيقات سطح المكتب أنتّ تستهلك الذاكرة في جهازك على 3 أشكال:
الذاكرة التي سوف تستخدمها لتخزين البرنامج على جهازك
الذاكرة التي سوف تستخدمها لتخزين ملفاتك التي عملتَ عليها عبر البرنامج
ذاكرة RAM تختلف من تطبيقٍ لآخر
في تطبيقات الويب، فأنت سوف تحتاج إلى نوعٍ واحدٍ من الذاكرة فقط: 
ذاكرة RAM لتشغيل المتصفح الّذي سوف تعمل من خلاله على التطبيق. 
أمَّا ملفَّات النظام بالإضافة إلى مستنداتك، فإنَّها سوف تخزّن في قاعدة البيانات التابعة لموقع الويب.
المشاركة
الإنترنت هو وسيلة اتّصال غير محدودة، ومن البديهيّ جدًا أن تكون “المشاركة” هي إحدى أهم سمات تطبيقات الويب، ولربَّما كانت السبب الرئيسي وراء استخدام الكثيرين لها.

6. مميزات تطبيقات الويندوز
Forms
عبارة عن حاوية لعناصر التحكم المختلفة (التي تعرض المخرجات / وتستقبل المدخلات)
Events
الإحداث التي تنشئ كنتيجة للنقر بالفأرة أو الضغط على مفتاح ما .
Controls
أدوات معرفة في برنامج الفيجوال استديو تستخدم لبناء واجهة المستخدم .
مثل مربعات النص , الأزرار , التسميات .
Custom controls
أدوات تنبئ بواسطة برنامج الفيجوال استديو لتوافق اححتياجات المستخدم.
Designer tools
الأدوات المتوفرة بواسطة Visual Studio التي تمكن التطور السريع للتطبيقات النافذة من خلال تطوير نماذج متكاملة رسومية بيئة

7. خطوات إنشاء تطبيقات الويندوز
فتح برنامج Microsoft Visual Studio 2008
من قائمة إبدا  كافة البرامج  Microsoft Visual Studio 2008
شاشة واجهة البرنامج

8. تابع خطوات إنشاء تطبيقات الويندوز
من قائمة ملف  مشروع جديد 1 2
تحديد نوع المشروع (ويندوز / ويب ) واختيار اللغة المراد بناء مشروع بها .
اختيار قالب المشروع.
كتابة اسم المشروع.
موافق 3 4

9. التعرف على واجهة البرنامج4 2 1 3
نافذة النموذج.
نافذة صندوق الأدوات .
نافذة الخصائص
نافذة مستكشف المشروع

10. مستكشف المشروع نافذة مستكشف المشروع :
هي حاوية لتنظيم وترتيب ملفات المشروع
ملاحظه / من الممكن احتواءها على أكثر من مشروع .

11. خصائص نافذة النموذج
نافذة النموذج تحتوي على العديد من الخصائص التي تحدد مظهرها وسلوكها
وهذا يمكنك من تخصيص كل نموذج بشكل مستقل وفقا لاحتياجاتك.

12. خصائص نافذة النموذج الخاصية القيم الاستخدام
Name
تحديد الاسم البرمجي للأداة
يستخدم الاسم البرمجي في الكود
Text
تحديد النص الذي سيظهر في شريط عنوان النموذج.
Control Box
Yes/No
لإظهار / إخفاء ازرار التحكم (تكبير , تصغير ,إغلاق) الموجودة في شريط عنوان النموذج.
Form border style
None \ FixedSingle
Fixed3D
FixedDialog \ Sizable
FixedToolWindows
SizableToolWindows
التحكم في مظهر حدود النموذج وشريط العنوان .
Size
حجم النموذج يتم تحديد عرض وارتفاع النموذج
Width
height
Back Color
لون خلفية النموذج.
Back Ground Image
وضع صورة كخلفية للنموذج
Fore Color
لون الخط للأدوات المدرجة على الكنترول.
Font
تتحكم في خصائص الخط
(name , size , bold ,italic)
Start position
تحدد مكان ظهور النموذج
Right To Left
اتجاه النموذج من اليمن لليسار أو العكس .

13. حفظ المشروع من قائمة ملف توجد ثلاث خيارات للحفظ حفظ <اسم الكائن>
يستخدم لحفظ التغيرات على كائن معين فقط.
حفظ <اسم الكائن> كــــــ
يستخدم لحفظ التغيرات المنفذة على كائن معين فقط وتحديد موقع الحفظ.
حفظ الكل
يستخدم لحفظ التغيرات على جميع الكائنات.

14. ملاحظة/ لتغيير خصائص النموذج لابد من تفعيل النموذج أولاً
تطبيق
أنشئي تطبيق ويندوز باسم SalesApplication , غيري خصائص نافذة المشروع (Form1) بناءً على التالي
ملاحظة/ لتغيير خصائص النموذج لابد من تفعيل النموذج أولاً
الخاصية
القيمة
Name
MainFrom
Text
Main Form
Back Color
blue
Form border style
FixedDialog
Size
425, 200
Start position
CenterScreen

15. ما هي عناصر التحكم (controls)
هي الأدوات التي يتم إدراجها على النموذج.
خطوات إدراج عنصر تحكم على النموذج
من نافذة صندوق الأدوات Tool Box  حدد الكنترول المراد إدراجه  اتبع إحدى هذه الخطوات
بالسحب والإفلات.
أو بالنقر مره واحده على الكنترول ثم النقر على النموذج.
أو النقر المزدوج.
أو النسخ واللصق.
ملاحظة / لإظهار نافذة صندوق الادوات (Tool Box )
من قائمة View ثم Tool Box

16. أنواع الكنترولز
تحتوي نافذة صندوق الأدوات على عدة تبويبات كل تبويب يشمل عدد من الكنترولز التي تساعد في بناء واجهة التطبيق
بعض التبويبات الأخرى
Containers
Menus & toolbars
Data
components
PrintingDialogs
Crystal Reports
التبويب
الشرح
Common control
كنترولز الكثيرة الاستخدام
يحتوي هذا التبويب على الكنترولز الأساسية لبناء النموذج .
مثال
كـنترول label : يستخدم لتوجيه المستخدم
كـنترول : textbox تستخدم لإدخال قيم من المستخدم.
أو تستخدم لإخراج معلومات للمستخدم
كـنترول :Button زر يستخدم لتنفيذ إجراء معين وقت التنفيذ.

17. ماهي عناصر التحكم يحتوي هذا النموذج على عناصر تحكم , هي
………
……………

18. خصائص الكنترولز كل كنترول له عدة خصائص تحدد مظهره وسلوكه الخاصية الوصف
Name
الاسم البرمجي للأداة , يستخدم في الكود.
Text
النص الذي سيظهر على الاداة
Text Align
محاذاة النص داخل الأداة
Fore color
لون الخط
Font
خصائص الخط
Back color
لون خلفية الأداة
Size
حجم الأداة
Visible
إذا قيمته True تظهر الاداة على النموذج وقت التنفيذ.
إذا قيمته Falseلا يظهر الأداة على النموذج وقت التنفيذ.
Enabled
إذا قيمته False تظهر الأداة بلون رمادي على النموذج وقت التنفيذ
Right To Left
إذا قيمته Yesاتجاه النص داخل الكائن من اليمين لليسار.
إذا قيمته Falseاتجاه النص داخل الكائن من اليسار لليمين
Dock
تحديد موضع ظهور الكنترول بالنسبة للحاوية
Anchor
تحديد المسافة مابين الحاوية والكنترولز.

19. خصائص الكنترولز كل كنترول له عدة خصائص تحدد مظهره وسلوكه الخاصية الوصف
location
تحديد موضع الكنترول بالنسبة للحاوية
Tab index
ترتيب العناصر باستخدام مفتاح الtab

20. خطوات تعيين الخصائص لكنترول التحكم
من Designer Window
فعل الكنترول المراد تغيير خصائصها.
من Prosperities Window
حددي الخاصية المراد تغييرها للأداة .
عدلي على قيمة الخاصية.
اضغطِ على مفتاح Enter.
تطبيق / أدرج كنترول الـــ textbox ثم إجعل لون خلفية الكنترول أزرق :
الحل /
فعل الكنترول textbox
أحدد خاصية BackColor
أكتب Bule

21. ترتيب الكنترولز على النموذج

22. ترتيب الكنترولز على النموذج
خطوات تحديد عدة كنترولز على النموذج :
حدد الكنترول ثم بالضغط على مفتاح Ctrl حدد كنترول أخر.
أو من قائمة تحرير ثم تحديد الكل .
محاذاة الكنترولز:
حددي الكنترولز المراد محاذاتها (لابد من تفعيل كنترولين على الأقل).
من قائمة Format ثم Align ثم اختاري اتجاه المحاذاة.
جعل الكنترولز بنفس الحجم
حددي الكنترولز المراد جعلها بنفس الحجم .((لابد من تفعيل كنترولين على الأقل))
من قائمة Format ثم Make the same size ثم اختاري الحجم المراد.
مسافة ما بين الكنترولز
حددي الكنترولز المراد التحكم في المسافة ما بينها .((لابد من تفعيل ثلاث كنترولزعلى الأقل))
من قائمة Format ثم تحديد التحكم في المسافة(الأفقية/العمودية) ثم تحديد المسافة المرادة.
Use SnapLines r.
1. To enable SnapLines, on the Tools menu, click Options.
2. In the Options dialog box, expand the Windows Forms Designer option.
3. In the Options dialog box, in the LayoutMode list, click to toggle between
SnapLines and SnapToGrid.
4. Ensure the LayoutMode list is set to SnapLines, and then in the Options dialog box,
click OK.
5. To use SnapLines, move around controls that already on a form. When either vertical
or horizontal alignment is achieved, a blue guideline will appea
ملاحظة هامة / يتم التعديل على هذه الخصائص بناءً على أول كنترول تم تفعيله

23. إضافة كود لإداة تحكم توجد طريقتين لإضافة كود لأداة التحكم
الطريقة الأولى
بالضغط مرتين متتاليتين على الأداة .
كتابة الكود في Code Windows
الطريقة الثانية
تحديد الاداة .
من نافذة الخصائص ثم زر Event

24. كنترول مربع الاختيار checkbox
كنترول مربع الاختيار عبارة عن مربع صغير
تظهر به علامة √ عندما تكون الاجابة بنعم .
لاتظهر به علامة إذا كانت الاجابة ب لا .
إذا يستخدم كنترول مربع الاختيار لأخذ إجابة محددة من المستخدم (نعم / لا)
كنترول مربع الاختيار يسمح للمستخدم باختيار أكثر من خيار .
أهم كنترول خاصية لكنترول مربع الاختيار
أهم حدث لكنترول مربع الاختيار
CheckedChange
القيمة
اسم الخاصية
True
False
Checked

25. كنترول زر الاختيار Radio Button
كنترول زر الاختيار يسمح للمستخدم باختيار خيار واحد فقط من عدة خيارات .

26. كنترول المجموعة GroupBox
و لتكوين مجموعات منفصلة من أزرار الاختيار
شكل كنترولز باستخدام كنترول GroupBox يظهر بشكل مرتب
شكل كنترولز بدون استخدام كنترول GroupBox

27. عرض معلومات بواسطة Message Box
عبارة عن مربع حوار يعرض معلومات للمستخدم وكذالك تستقبل معلومات من المستخدم.
الصيغة العامة للدالة
عوامل الدالة
الرسالة
عنوان الرسالة
الازرار
الايقونه

28. أبسط صورة لمربع الرسالة (بمعامل واحد)
عند التنفيذ ستظهر بهذا الشكل
صورة أخرى لإظهار مربع الرسالة (ذكر الاربع معاملات)
MessageBox.show(“ مرحبا ”)

29. تطبيق
ما هو ناتج تنفيذ هذا الأمر ؟
الحل

30. دالة Msgbox تحتوي على عدد من Parameters التي تتحكم بمظهرها وسلوكها.
تعيد قيمة تشير إلى كيف المستخدم تجاوب مع الرسالة
مثلاً , قيمة 1 تشير إلى أن المستخدم نقرعلى زر OK