300 likes | 436 Views
Module 2 إنشاء تطبيقات الويندوز. الأهداف. عند الانتهاء من هذه الوحدة، سيكون بمقدورك تحقيق الأهداف التالية : إنشاء نموذج. إضافة عناصر التحكم على النموذج. تجميع وتشغيل المشروع. مقدمة عن برنامج الفيجول استديو 2008. برنامج الفيجوال استديو يوفر أدوات لبناء
E N D
الأهداف • عند الانتهاء من هذه الوحدة، سيكون بمقدورك تحقيق الأهداف التالية : • إنشاء نموذج. • إضافة عناصر التحكم على النموذج. • تجميع وتشغيل المشروع.
مقدمة عن برنامج الفيجولاستديو 2008 • برنامج الفيجوال استديو يوفر أدوات لبناء • تطبيقات ويب (asp.net server-side script web application) • البرامج التي تمنحك القدرة على إنشاء مستنداتك أو تعديل صورك أو ترتيب يومياتك أو غيرها من الوظائف التي تقوم بها تطبيقات الـDesktop، ولكن عبر متصفحات الويب. مثال: • Google Document، • برنامج إدارة المشاريع PHProjekt، • تطبيقات إدارة محتوى المستندات أو الويب مثل WordPress. • تطبيقات الويندوز (windows form application) • كبرنامج الورد واله الحاسبة محتويات تطبيقات الويندوز
الفرق بين تطبيقات الويندوز وتطبيقات الويب
تابع الفرق بين تطبيقات الويندوز وتطبيقات الويب
مميزات تطبيقات الويندوز • Forms • عبارة عن حاوية لعناصر التحكم المختلفة (التي تعرض المخرجات / وتستقبل المدخلات) • Events • الإحداث التي تنشئ كنتيجة للنقر بالفأرة أو الضغط على مفتاح ما . • Controls • أدوات معرفة في برنامج الفيجوال استديو تستخدم لبناء واجهة المستخدم . • مثل مربعات النص , الأزرار , التسميات . • Custom controls • أدوات تنبئ بواسطة برنامج الفيجوال استديو لتوافق اححتياجات المستخدم. • Designer tools • الأدوات المتوفرة بواسطة Visual Studio التي تمكن التطور السريع للتطبيقات النافذة من خلال تطوير نماذج متكاملة رسومية بيئة
خطوات إنشاء تطبيقات الويندوز • فتح برنامج Microsoft Visual Studio 2008 • من قائمة إبدا كافة البرامج Microsoft Visual Studio 2008 شاشة واجهة البرنامج
تابع خطوات إنشاء تطبيقات الويندوز • من قائمة ملف مشروع جديد 1 2 • تحديد نوع المشروع (ويندوز / ويب ) واختيار اللغة المراد بناء مشروع بها . • اختيار قالب المشروع. • كتابة اسم المشروع. • موافق 3 4
التعرف على واجهة البرنامج 4 2 1 3 • نافذة النموذج. • نافذة صندوق الأدوات . • نافذة الخصائص • نافذة مستكشف المشروع
مستكشف المشروع • نافذة مستكشف المشروع : • هي حاوية لتنظيم وترتيب ملفات المشروع • ملاحظه / من الممكن احتواءها على أكثر من مشروع .
خصائص نافذة النموذج • نافذة النموذج تحتوي على العديد من الخصائص التي تحدد مظهرها وسلوكها • وهذا يمكنك من تخصيص كل نموذج بشكل مستقل وفقا لاحتياجاتك.
حفظ المشروع • من قائمة ملف توجد ثلاث خيارات للحفظ • حفظ <اسم الكائن> • يستخدم لحفظ التغيرات على كائن معين فقط. • حفظ <اسم الكائن> كــــــ • يستخدم لحفظ التغيرات المنفذة على كائن معين فقط وتحديد موقع الحفظ. • حفظ الكل • يستخدم لحفظ التغيرات على جميع الكائنات.
تطبيق • أنشئي تطبيق ويندوز باسم SalesApplication, غيري خصائص نافذة المشروع (Form1) بناءً على التالي • ملاحظة/ لتغيير خصائص النموذج لابد من تفعيل النموذج أولاً
ما هي عناصر التحكم (controls) • هي الأدوات التي يتم إدراجها على النموذج. • خطوات إدراج عنصر تحكم على النموذج • من نافذة صندوق الأدوات Tool Boxحدد الكنترول المراد إدراجه اتبع إحدى هذه الخطوات • بالسحب والإفلات. • أو بالنقر مره واحده على الكنترول ثم النقر على النموذج. • أو النقر المزدوج. • أو النسخ واللصق. ملاحظة / لإظهار نافذة صندوق الادوات (Tool Box ) من قائمة View ثم Tool Box
أنواع الكنترولز • تحتوي نافذة صندوق الأدوات على عدة تبويبات كل تبويب يشمل عدد من الكنترولز التي تساعد في بناء واجهة التطبيق • بعض التبويبات الأخرى • Containers • Menus & toolbars • Data • components • PrintingDialogs • Crystal Reports
ماهي عناصر التحكم • يحتوي هذا النموذج على عناصر تحكم , هي • ................... • ………....... • ……………
خطوات تعيين الخصائص لكنترول التحكم • من Designer Window • فعل الكنترول المراد تغيير خصائصها. • من Prosperities Window • حددي الخاصية المراد تغييرها للأداة . • عدلي على قيمة الخاصية. • اضغطِ على مفتاح Enter. تطبيق / أدرج كنترول الـــ textbox ثم إجعل لون خلفية الكنترول أزرق : • الحل / • من Designer Window • فعل الكنترول textbox • من Prosperities Window • أحدد خاصية BackColor • أكتب Bule • اضغطِ على مفتاح Enter.
ترتيب الكنترولزعلى النموذج • خطوات تحديد عدة كنترولز على النموذج : • حدد الكنترول ثم بالضغط على مفتاح Ctrl حدد كنترول أخر. • أو من قائمة تحرير ثم تحديد الكل . • محاذاة الكنترولز: • حددي الكنترولز المراد محاذاتها (لابد من تفعيل كنترولين على الأقل). • من قائمة Format ثم Align ثم اختاري اتجاه المحاذاة. • جعل الكنترولز بنفس الحجم • حددي الكنترولز المراد جعلها بنفس الحجم .((لابد من تفعيل كنترولين على الأقل)) • من قائمة Format ثم Make the same size ثم اختاري الحجم المراد. • مسافة ما بين الكنترولز • حددي الكنترولز المراد التحكم في المسافة ما بينها .((لابد من تفعيل ثلاث كنترولزعلى الأقل)) • من قائمة Format ثم تحديد التحكم في المسافة(الأفقية/العمودية)ثم تحديد المسافة المرادة. ملاحظة هامة / يتم التعديل على هذه الخصائص بناءً على أول كنترول تم تفعيله
إضافة كود لإداة تحكم • توجد طريقتين لإضافة كود لأداة التحكم • الطريقة الأولى • بالضغط مرتين متتاليتين على الأداة . • كتابة الكود في Code Windows • الطريقة الثانية • تحديد الاداة . • من نافذة الخصائص ثم زر Event
كنترول مربع الاختيار checkbox • كنترول مربع الاختيار عبارة عن مربع صغير • تظهربهعلامة√عندماتكونالاجابةبنعم. • لاتظهربه علامة إذا كانت الاجابة ب لا . • إذا يستخدم كنترول مربع الاختيار لأخذ إجابة محددة من المستخدم (نعم / لا) • كنترول مربع الاختيار يسمح للمستخدم باختيار أكثر من خيار . • أهم كنترول خاصية لكنترول مربع الاختيار • أهم حدث لكنترول مربع الاختيار • CheckedChange
كنترول زر الاختيار Radio Button • كنترول زر الاختيار يسمح للمستخدم باختيار خيار واحد فقط من عدة خيارات .
كنترول المجموعة GroupBox • يستخدم كنترول groupBox كحاوية للكنترولز وذلك من أجل تحسين المظهر. • و لتكوين مجموعات منفصلة من أزرار الاختيار شكل كنترولز باستخدام كنترول GroupBoxيظهر بشكل مرتب شكل كنترولز بدون استخدام كنترول GroupBox
عرض معلومات بواسطة Message Box • Message Box • عبارة عن مربع حوار يعرض معلومات للمستخدم وكذالك تستقبل معلومات من المستخدم. • الصيغة العامة للدالة • عوامل الدالة • الرسالة • عنوان الرسالة • الازرار • الايقونه
MessageBox.show(“ مرحبا ”) • أبسط صورة لمربع الرسالة (بمعامل واحد) • عند التنفيذ ستظهر بهذا الشكل • صورة أخرى لإظهار مربع الرسالة (ذكر الاربع معاملات) • عند التنفيذ ستظهر بهذا الشكل
تطبيق • ما هو ناتج تنفيذ هذا الأمر ؟ • الحل
دالة MsgBox • دالة Msgbox تحتوي على عدد من Parameters التي تتحكم بمظهرها وسلوكها. • تعيد قيمة تشير إلى كيف المستخدم تجاوب مع الرسالة • مثلاً , قيمة 1 تشير إلى أن المستخدم نقرعلى زر OK