بيئة تطوير الVISUAL C++:

قبل أن نبدأ بعرض سريع لبيئة تطوير الVisual c++ عليك أن تعرف أولا كيف تشغل برنامج الVisual c++

على جهازك , و العملية هنا بسيطة اذهب إلى قائمة ابدأ ثم اختر Microsoft Visual Studio ثم قم بالضغط

على برنامج Microsoft Visual C++ 6 لتدخل إلى لغة البرمجة هذه ( كما هو موضح بالشكل 1-1)

منطقة العمل(Workspace):

عندما تقوم بتشغيل برنامج الVisual C++ للمرة الأولى ستلاحظ في المنطقة اليسرى للبرنامج مكان

سيحوي فيما بعد على عدد كبير من العناوين تظهر لك مسير المشروع و تظهر أجزاء و قطع المشروع

الذي ستقوم ببرمجته بأذن الله و يمكن عرض هذه الأجزاء بثلاث طرق:

1- ClassView:

يسمح لك بعرض و التحكم بالشيفرة المصدرية في لغة البرمجة لمراحل الClass

2-ResourceView:

يسمح لك بالبحث و التحرير داخل مصادر مشروعك المتعددة و التي تشمل الايقونة

و مربعات الحوار و القوائم و...

3-FileView:

يسمح لك بالتعامل مع جميع الملفات التي تشترك بتكون برنامج الذي تريد برمجته

و كل هذا موضح بالشكل (1-2) ..

لاحظ طريقة العرض بنفسك

نافذة الخرج(Output Pane):

قد لا تظهر لك هذه النافذة عند أول مرة تعمل بها على برنامج الVC++ لذا قم بالضغط على زري Alt+2

لإظهار تلك النافذة و يكون مكان تلك النافذة هو أسفل البرنامج أما وظيفة هذه النافذة فهي تقديم المعلومات

التي تحتاج إليها أثناء عمل الCompile للمشروع الذي قمت ببرمجته و تعطيك تقارير كاملة عن التحذيرات

و الأخطاء البرمجية مع تحديد مكان و سطر هذا الخطأ ...كما في الشكل (1-3)

ملاحظة : هذه النافذة تفتح نفسها لوحدها بعد كل عملية Compile لتظهر لك جميع المعلومات التي تحتاج إليها

منطقة التحرير(Editor Area):

و تقع هذه المنطقة في الحافة اليمنى للبرنامج , و يتم في هذه المنطقة تشكيل منطقة التحرير في VC++

و تظهر هذه النافذة عندما تقوم بكتابة الكود المصدري لمشروعك , و يظهر أيضا عندما يقوم مؤشر الماوس

بتشكيل مربع حوار مع المستخدم أو رسم أيقونة برنامجك أو تحرير و إضافة قائمة

قضيب الأوامر(Menu Bars):

بشكل افتراضي و عند أول مرة تبدأ فيها تشغيل برنامج الVC++ ستلاحظ وجود ثلاث قضبان قوائم افتراضية

مع إمكانية إضافة و تغير و تحرير قضبان قوائم جديدة و قضبان الأدوات الثلاثة هم:

1- شريط الأدوات القياسي:

و يحوي على الأدوات الأساسية الموجودة في كل تطبيق مثل بحث , فتح, حفظ , جديد , قص , لصق ........

و هذه الأوامر مفيدة و سريعة جدا

2- شريطWizardBar:

يجعلك قادرا على تشكيل عدد كبير من الClass دون حاجة للدخول إلى Class Wizard

3- شريط بناء التطبيقاتBuild minibar:

يزودك بكامل أوامر بناء و تنفيذ التطبيقات التي تقوم من خلالها بتجربة عمل برنامجك

التعامل مع بيئة مطور VC++:

تقدم لك البرنامج طريقتين للتعامل مع بيئة التطوير الأولى بالضغط بالزر الأيمن للماوس على منطقة قضيب الأدوات

ليتم فتح القائمة المبينة بالشكل (1-4) و التي تسمح لك بإضافة قضبان أدوات جديدة أو إزالة بعضها

أما الطريقة الثانية لتعامل مع بيئة المطور فيه طريقة سحب قضبان الأدوات للمكان الذي تراه مناسبا في المشروع

و سيقوم القضيب بالانزياح إلى المكان المجاور و تستطيع إعادته إلى مكانه أو تغير ترتيب القضبان الافتراضية الثلاث

بدء العمل بمشروعك الأول:

سوف نقوم في هذا المشروع بعمل تطبيق بسيط يقدم للمستخدم زريين كما في الشكل (1-5) الزر الأول

يقدم رسالة ترحيبية للمستخدم أما الزر الثاني فيقوم بإغلاق التطبيق , و لبناء هذا التطبيق عليك عمل الأشياء التالية:

1- تجهيز منطقة عمل لمشروع جديد

2- استخدام Application Wizard لتطبيق و رقة عمل

3- إعادة ترتيب مربعات الحوار التي يتم إنشاءها بشكل تلقائي عند استخدام ال Application Wizard لتجميع

تريد عمله داخل هذا التطبيق

4- إضافة كود لإظهار رسالة الترحيب عند الضغط على زر الترحيب

5- عمل أيقونة جديدة متناسبة مع هذا المشروع

تجهيز منطقة عمل مشروع جديد:

كل مشروع جديد في لغة الVC++ يحتاج إلى حيز أو منطقة عمل , ومنطقة العمل تتضمن عدة مجلدات يحتوي على الكود المصدري

الذي تقوم بحفظه , و يتم بناء هذه المجلدات وقت بناء مسار حفظ التطبيق

لذا فعندما تريد بناء و تجهيز عمل مشروع جديد عليك اتباع الخطوات التالية:

1- اذهب إلى قائمة File ثم اختر أمر New و هذا يفتح Wizard جديد كما في الصورة أدناه

2- في القسم Project قم باختيار MFC AppWizard (exe).

3- قم بكتابة أسم للمشروع في الخانة Project Name

4- قم بالضغط على زر Ok في أسف هذه النافذة لتقوم بالانتقال إلى الخطوة التالية

الخطوة التالية:

تظهر لك الآن نافذة جديدة تخبرك باختيار نوع المشروع الذي تريد عمله , قم باختيار Dialog Based

ثم قم بالضغط على زر NEXT لتنتقل إلى الخطوة التالية..

الخطوة التالية:

تظهر لك الآن نافذة تسألك عن الميزات و الخصائص التي تريد إضافتها على مشروعك

يمكنك إزالة الخيار ActiveX لأنك لن تحتاج في هذه المرحلة بعد إلى استخدام عناصر التحكم في مشروعك الأول

كما يمكنك من خلال هذه النافذة وضع عنوان محدد لنافذة المشرع في حقلPlease Enter a Title of your….

يمكنك أن تلاحظ هذه الأمور في الصورة الموضحة أدناه

- قم بالضغط على زر Next للانتقال إلى الخطوة التالية.

الخطوة التالية:

تظهر لك نافذة فيها ثلاث أسئلة قم بتركها بشكلها الافتراضي و قم بالضغط على زر Next للانتقال إلى الخطوة التالية

الخطوة التالية و الأخيرة:

تظهر لك في هذه النافذة أسماء الملفات التي تتبع التطبيق كملفات الترويسة Header File و أسم ملف الCPP

و هذه الأشياء التي لا تهمك كثيرا في هذه المرحلة قم باختيار الأمر Finish لتظهر لك نافذة جديدة هي نافذة

المعلومات الخاصة بتطبيقك مع المسار الذي سيتم فيه حفظ المشروع , قم الآن بالضغط على زر OK

لتلاحظ ظهور ملفات و مجلدات مفرعة في منطقة العمل Work Space و هي تدل على جزيئات مشروعك

الآن قم بالذهاب إلى قائمة Build ثم اختر Build Hello guys.exe ( في حال كان أسم مشروعك هكذا)

لعمل compile للمشروع في حال رغبت الآن أن تشاهد ما فعلت قم بالنظر اسفلا إلى نافذة الخرجOutput pane

لتلاحظ تقرير تفصيلي عن ما تم عمله مع وضع نتائج اختبار مشروعك و عدد الأخطاء و مكانها في حال كان موجدا

الآن و مرة ثانية اذهب إلى قائمة Build ثم قم باختيار الأمر Execute hello guys.exe أو قم بالضغط

على زر Ctrl+F5 و لاحظ معي شكل مشروعك الحالي في الصورة أدناه و الذي سنقوم بعمل تغيرات عليه لاحقا.

تصميم نافذة العرض:

طبعا أخي العزيز حتى نتمكن من بناء المشروع الخاص بنا علينا تغير بعض خصائص النافذة في منطقة التحرير

على يمين البرنامج ( editor area) و ذلك عبر الخطوات التالية:

1- قم باختيار Resource View في منطقة العمل

2- قم بالضغط على + الموجودة عند مجلد dialog و في هذه المرحلة قم بعمل كبستا ماوس متتاليتين على

على الخيار IDD_HELLOGUYS_DIALOG لتقوم بفتح هذه النافذة في منطقة التحرير (editor area)

3- قم بالذهاب إلى المنطقة التي كتب عليها TODO: Place dialog controls here. و قم باختيارها

ثم قم بحذف هذه الجملة بالضغط على زر Delete

4- قم باختيار الزر Cancel و قم بتغير حجمه كما في الشكل الموضح أدناه:

5- قم الآن بالضغط على زر Cancel باستخدام زر الماوس الأيمن لتظهر لك قائمة قم منها باختيار الأمر Properties

حسب الشكل التالي:

6- قم بتغير قيمة العنوان Caption من Cancel إلى &Close ثم قم بإغلاق هذه النافذة

7- قم الآن بتحريك و تغير زر OK ليوافق الشكل الموضح أدناه.

8- قم بالذهاب إلى خصائص(Properties) لهذا الزر و قم بتغير الID إلى IDD_HELLOGUYS

و قم بتغير العنوان الظاهر Caption من OK إلى &HELLO

9- قم الآن بعمل ال compile لمشاهدة التغيرات التي قمت بعملها من قائمة Build و التي تظهر كالشكل التالي:

إضافة كود إلى المشروع:

يوجد أخي العزيز خمس خطوات أساسية لإضافة الكود لمشروعك و هما:

1- إضافة بعض الارتباطات إلى زر HELLO, و ذلك بالضغط على زر HELLO بواسطة الزر الأيمن ثم اختيار

الأمر Class Wizard من القائمة المنبثقة

2- هنا ستظهر لك نافذة تدلك على العنصر الذي يرتبط بالزر HELLO كما في الشكل التالي:

3- قم الآن بالذهاب Object ID ثم أختر IDD_HELLOGUYS ثم اذهب إلى حقل Messages و اختر

BN_CLICKED ( لتحديد أن الأمر ستنفذ عندما يقوم المستخدم بالضغط مرة واحدة على الزر) لاحظ

الآن بعد اختيار للرسالة تفعيل زر جديد هو Add Function ( لإضافة ارتباطات جديدة للزر) قم باختيار هذا

الزر و هنا ستظهر لك نافذة حوار جديدة تحتوي على الاسم المقترح لهذا الارتباط و هذا موضح في

الصورة الموجودة في أسف هذا الشرح , قم الآن بالضغط على زر OK لتلاحظ زيادة ارتباط جديد

في قائمة Member Function..

4- بعدما تم إضافة ارتباط جديد إلى قائمة Member Function قم باختيار هذا الارتباط ثم اضغط على زر Edit Code

لعرض الشفرة المصدرية للزر

5- قم الآن أخي العزيز بالإضافة الكود التالي أسفل عبارة :

// TODO: Add your control notification handler code here

و الكود التالي هو المسؤول عن إظهار مربع حوار يحوي رسالة ترحيبية للمستخدم :

MessageBox("Hello. This is my first Visual C++ Application!");

6- بعد الانتهاء من كتابة الكود قم بعمل Compiling للمشروع و قم بتنفيذه ثم قم بالضغط على زر HELLO

لتلاحظ ظهور الرسالة الترحيبية التي كتبتها ضمن الكود أي لتبدو كالشكل التالي:

إضافة بعض التفاصيل إلى هذا المشروع:

طبعا أخي العزيز سوف نضيف الآن بعض الأشياء و التفاصيل البسيطة لننتهي تماما من عمل هذا المشروع

و هذه الأشياء البسيطة هي:

· صنع أيقونة خاصة بهذا المشروع

· إضافة زر لتصغير و تكبير نافذة المشروع

صنع أيقونة خاصة بالمشروع:

لاحظ معي في منطقة العمل وجود مجلد أسمه ICON قم بفتحه و اختيار IDR_MAINFRAME لتظهر لك

نافذة يمكنك من خلالها رسم أي أيقونة تريد مع تحديد حجمها و يظهر هذا بالشكل التالي:

إضافة زر لتصغير و تكبير نافذة المشروع:

من مجلد DIALOG في منطقة العمل قم بالذهاب إلى نافذة المشروع و اضغط على بالزر الأيمن للماوس

و أختر الأمر Properties من القائمة المنبثقة قم الآن بالذهاب إلى القسم Styles ثم قم بتحديد الخياريين

Minimize Box و الخيار maximize Box لتضاف إلى النافذة خاصية التكبير و التصغير

اعمل الآن Compiling ثم قم بتشغيل المشروع لتلاحظ التالي:

إلى هنا ينتهي البحث الأول بعون الله تعالى و نلقاكم قريبا بأذن الله العلي القدير و السلام عليكم و رحمة الله و بركاته