الدرس الأول : التعرف على واجه البرنامج و بعض الخصائص:
الانطباع الأول :</B>
عندما تفتح الفيجوال لأول مرة و كل مرة ستفتحه فيما بعد ستظهر لك النافذة الأولى دائما وهي نافذة المشروع الجديد (New Project) وستجد فيها ثلاثة تبويبات الأولNew لبدأ مشروع جديد و هو ما سنختاره والثاني Existing وهو لفتح مشروع مصمم مسبقا أي لفتح مشروع سابق و الثالثRecent وهي قائمة بآخر المشاريع المصممة .
المهم من التبويب New اختر مشروع من النوع Standard EXE أي قياسي وهو ما سنعمل به ويكون محدد مسبقا أما المشاريع الأخرى فلن تلزمك حاليا (تلك للمتقدمين).ثم اختر Open و الآن ها أنت في مشروعك الأول و لأول مرة يكون الفيجوال غير منظم نسبيا فيظهر لك نوافذ غير ضورية مثلاً إذا وجدت نافذة يعنوان Form Layout أغلقها لأنها لن تلزمنا و أهم شيء أن يكون هناك نافذة Tool Box أي العناصر و نافذة الخصائص Properties
و هناك نافذة قد لاتظهر وهي نافذة الProject Explorer قد تظهر فيها عدد الصفحات أو النوافذ التي سنصممها..ويمكنك إظهار هذه النوافذ من القائمة View و ستجدها بأسمائها..و الآن بعد أن نظمت واجهة اللغة فلنبدأ.
النوافذ: </B>
في بداية كل مشروع قياسي سيقوم الفيجوال تلقائيا بإضافة نافذة لمشروعك وهي ما يسمى بلغة الفيجوال بال Form(و هي تعني صيغة بالانكليزية ) والآن لا خظ هذه الفورم وتأملها أليست مثل النوافذ التي نراها الآن حاول التحكم بأبعادها من خلال الإحدثيات الخاصة بها في أطرافها ..لا حظ أنها تأخذ الحجم الذي تريده ..وحتى حجم الشاشة بأكملها إن أردت ..و لكنها منقطة من الداخل أليس كذلك لا تخف هذه من الداخل فقط ..و الآن نريد تجرية برنامجنا ..اضغط على F5 من لوحة المفاتيح و لاحظ ها هو مشروعك الآول بين يديك ولكن كمستخدم وليس كمبرمج وهذه الطريقة دائما لتجربو المشروع .
(ملاحظة : يمكنك تشغيل المشروع أيضا بالنقرعلى رمزStart من شريط الأدوات العلوي ..أو من القائمة Run ثم Start..)
و الآن أغلق المشروع من زر الإغلاق في الأعلى (أن قلت المشروع و ليس الفيجوال).
ستلاحظ أنه قد عاد إلى وضع التصميم و الفورم المنقطة..الآن لاحظ اسمها Form 1 لماذا هل هناك Form2؟؟
سيصبح هناك Form 2الآن من القائمة Project اختر Add Formستظهر لك نافذة لإضافة عدة أنواع من الصفحات اختر المحددة وهي Form ثم Open.
و الآن لاحظ ها قد صار المشروع مكون من نافذتين وهكذا ..طبعاً الأنواع الخرى لن نتطرق لها الآن( مثل الModule وهي تسخدم في صناعة الفيروسات لأنها خفية).
لا حظ أنه يمكن التنقل بين الفورم1 Form 1 و الفورم 2 Form 2من خلال نافذة ال Project Explorer لذلك طالبتك بإظهار هذه النافذة في البداية..و الآن لنترك أمر الفورم وعددها وننتقل للتعديل على الفورم نفسها.
الخصائص (من دون توسع لأن لها درس خاص):</B>
عندما تقوم بوضع الفأرة داخل الفورم و النقر ستلاحظ في نافذةProperties أن خصائص الفورم قد ظهرت و بالترتيب فمثلا قم بتعديل الخاصية Caption وهي تعني عنوان الفورم إلى النص الذي تريده حتى ولو كان بالعربية وستلاحظ تغيير عنوان الForm فورا إلى النص الذي أدخلته..
ملاحظة : لاتقم بتعديل الخاصية Name للفورم أو أي عنصر ستعلمه لاحقاُ لأن الفيجوال يتعامل معه على هذا الأساس.
أيضا عدل الخاصية BackColor أي لون الخلفية إلى اللون الذي تريد و لاحظ أنه تغيير لون الفورم إلى اللون المحدد ..
أيضا عدل الخاصة BorderStyle و هي خيارات إلى أحد الخيارات جربها واحد واحد ولا حظ إطار الفورم Form..و جرب النتيجة لكل خيار منها..
و الآن حتى درس الخصائص حاول أن تجرب بعض منها لكي تعرف مهمته وهذه الخصائص طبعاُ نفسها لكل Form.
العناصر و الأدوات: </B>
انتقل الآن إلى صندوق الأدوات Tool Box والذي يحوي رموز قد تكون مألوفة بالنسبة لك...ستجد أن الرمز المختار تلقائيا هو رمز الفأرة Pointer و الآن سنتعرف على هذه الأدوات جربها واحدة واحدة من الأعلى:
اختر أي عنصر وقم برسمه على الفورم بداخلها طبعاُ ثم أذا أردت غير أبعاده كما تغيير أعاد الفورم عن طريق التحكم بأطرافه ..
الأداة Picture Box: أداة لعرض الصور بداخلها جرب أن تضع صورة بداخلها عن طريق النقر عليها لمرة واحدة ثم اتجه لنافذة الخصائص حيث ستجد خصائصها ومن الخاصية Picture اختر صورة من عندك..
الأداة Label: لوضع نص يداخلها غير قابل للتعيدل من قبل المستخدم ..غير الخاصية Caption من خصائصها ثم اكتب ماتريد و لا حظ تغيير النص إلى ما كتبته حتى ولو بالعريبة.
الأداة TextBox: أداة نص قابل للتعديل من قبل المستخدم ..لا تملك خاصية Caption ولكن عوضاُ عنها عدل بالخاصية Text ولاحظ كيف سيتغيير النص بداخلها ..شغل المشروع (F5) وجرب أن تغيير النص فيها كمستخدم.
الأداة Frame: مجرد صندوق لجمع عدد من العناصر للدلالة على مهمة معينة ارسمها على الفورم وستعرف مهمتها وحدك غير أيضا الخاصيةCaption لما تريد...
الأداةCommand(هام): وهو أشهر أداة أي الزر وهو غني عن التعريف ..قم أيضاُ يتغيير الخاصية Caption لما تريد ..
الأداة Check صندوق اختيار ..
الأداة Option: اختيرا اجباري ..
الأداةCombo : ارسمها وستعرف ما هي .
الأداة ListBox: ارسمها ايضا وستعرف ماهي.
الأداة Timer : اتركها الآن لمستوى متقدم..
الأداةShape: مجرد أشكال..
الأداة Image: لعرض الصور أيضا لكنها تتميز عن الPictureBox بأنها لا تقبل التعديل على الصور و الفلاتر مثلاُ.
الأداة و باقي الأدوات جربها فمن ما عدا أداتي ال Ole و الData لأنها لمستوى متقدم.
حفظ المشروع :
بعد هذا التصميم كله تريد حفظ مشروعك بالحقة vbe ليكون قابل للتعديل الآن من القائمة File خذ الأمر
Save Project As... عندها حدد مكان الحفظ و سيقوم المشروع بسؤالك عن حفظ الفورم Form واحدة واحدة ..ثم يسألك بعدها عن كلمة سر المشروع إذا أحببت أن تحميه ..إذا أردت وافق و اكتب كلمة سر علما أن المشروع لن يفتح بدونها و إن لم ترد ذلك اختر Cancel..
(ملاحظة هامة جدا: قد تغلط و تقوم بالنقر نقر مزدوج على الForm أو أي عنصر آخر عندها ستظهر لك نافذا الكود Code وهي نافذة للكتابة بالكود فقط أغلقها حاليا لن نتعامل معها الآن..)
و إلى هنا يكفي لهذا الدرس..أرجو ان اكون قد وفقت في كتابة الدرس..و أخذنا جولة برمجية ممتعة ..و الآن أريد تقاريركم هل عرفتم تطبقوا الدرس وما الصعوبات التي واجهكم و شكرا..
ور لواجهة البرنامج
يتبع
موضوع: دوره تعليميه للفيجوال بيسك 6 حتى الاحتراف 
السبت أكتوبر 11, 2008 1:01 am
