شرح مكونات الواجهه الرئيسية في برنامج الفيجول استديو 2010

 

شرح مكونات الواجهه الرئيسية في برنامج الفيجول بيسك 2010

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

1-  شريط القوائم في الفيجول استديو

شريط القوائم في الفيجول استديو

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

2-  شريط  الادوات Toolbox في الفيجول استديو


شريط  الادوات Toolbox في الفيجول استديو

هو الذي يتضمن جميع أدوات التحكم المختلفة

التي يتم استخدامها وإدراجها في واجهة المستخدم

الرسومية ) Form ( من أجل تصميم تطبيق معين وتنفيذ الأوامر البرمجية عليها.

3- شريط مستعرض المشروع Solution Explorer

شريط مستعرض المشروع Solution Explorer

ويكون في الجانب الايمن و توضح هذه القائمة العناصر و الكائنات

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

عدد الفورم التي صممت في المشروع

وتوجد هذه القائمة في الجانب الأيمن من

صفحة البرنامج .

4- قائمة  properties الخصائص في الفيجول استديو

قائمة  properties الخصائص في الفيجول استديو

هي قائمة عرض خصائص ومميزات أدوات التحكم والتي

تساعد على ضبط خصائص أي أداة تحكم أثناء تصميم

البرنامج دون الحاجة إلى كتابة كود أو أمر برمجي. ولعرض

قائمة الخصائص يتم النقر على قائمة view ثم على

Properties Window وقد تكون في الجانب الأيمن في

الأسفل من البرنامج.

5- الفورم او النماذج  form في الفيجول استديو

الفورم او النماذج  form في الفيجول استديو

هي النافذة أو الواجهة الرئيسية في

البرنامج التي يتم تصميم وتنفيذ البرنامج

أو التطبيق من خلالها .

ادوات صندوق Toolbox في الفيجول استديو

يضم هذا الصندوق مجموعه من الادوات 

تتكون قائمة الأدوات ) Tool Box ( في

برنامج الفيجوال بيسك من 47 أداة

تحكم ومنها:

1-  (مربع النص ) Text Box 

هو أداة مخصصة لكتابة وإدخال أو إخراج النصوص في البرنامج ويستخدمه المستخدم لكتابة الحروف أو الكلمات والجمل أو الأرقام. ويمكن إعطاءه أمر برمجي لإظهار أي نص أو رقم.

2- أداة التسمية ()Label

تستخدم لإظهار وكتابة النصوص على النموذج أو

لإظهار نتيجة.

3- صندوق أو خانة الاختيار ()Check Box

هو عنصر تحكم يسمح للمستخدم باختيار أكثر من خيار في نفس الوقت من مجموعة معرفة مسبقا من الخيارات والتي قد تكون لها قيمتان True أو . False

4-  قائمتي السرد أو التحرير ()Combo Box & List Box

وتستخدمان لإنشاء قوائم تحتوي على قيم معلومات ثم يتم الاختيار منهما.

5-  صندوق الصورة ()Picture Box

يستخدم لإظهار صورة والتحكم في حجمها أو إظهار حجمها الأصلي.

6- الصورة ()Image

تستخدم لإظهار صورة ولها خاصيتين: تحدد ما إذا كان يجب تكبير أو تصغير الصورة / أو تستخدم لتحديد الصورة.

7-  الإطار أو صندوق المجموعة ()Group Box

هو الذي يحيط أو يتضمن عناصر أخرى من أدوات التحكم وقد يفصل بين مجموعة وأخرى من نوعية البيانات الموجودة في الواجهة أو الشاشة.

8- المؤقت ()Timer

هو الذي يقوم بتنفيذ الإجراء أو الحدث المتعلق به كل مدة محددة تحدد بثانية وهي أداة تستخدم للوقت والتاريخ أيضا.

9-  زر Button 

اكثر الادوات استخداما بعد text box  و يستخدم لعمل زر أمر لتنفيذ وظيفة معينة يحددها المبرمج .

10- زر  Radio button 

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

11-  لـ List Box

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

 هذه الادوات الاكثر استخداما ولكن هناك ادوات اخرى سوف نشرحها في دروس قادمه باذن الله. 

ماهي الخصائص الخاصة بالفورم في الفيجول استديو

وهي تكون خاصة بالنموذج وغير موجودة بالأدوات وتكون خاصة بأداة معينة وموجودة فيها فقط وغير موجودة بباقي الأدوات وهذا يكون حسب عمل واختصاص الأداة . الخاصية الوظيفة

1 ـ الخاصية   AutoScroll

للتمكين من عمل شريط تمرير وقت زياده العناصر على الفورم وتم اخفاء بعض

عناصر الفورم.

2 ـ الخاصية  AutoSize

لعمل تحجيم تلقائى للادوات لتظهر جميعها على الفورم.

3 ـ الخاصية   ContextMenuStrip

لعمل ريت كليك واظهار قائمه مختصره ولكن طريقه عمل

4ـ  الخاصية  ControlBox

لاظهار ادوات التحكم من تصغير وتكبير واغلاق

5 ـ الخاصية Icon

لعمل ايقونه للفورم

6 ـ الخاصية ShowIcon

لاظهار او اخفاء الايقونه التى قمنا باختيارها

 الخاصية ShowInTaskbar

للظهور فى شريط المهام من عدمه

الخاصية StartPosition

موقع ظهور الفورم هل منتصف الشاشه ام اعلى اليسار ام كما يحدد الويندز

الخاصية  MaximizeBox

لاظهار او اخفاء مفتاح التكبير من شريط التحكم

الخاصية  MinimizeBox

لاظهار او اخفاء مفتاح التصغير من شريط التحكم

الخاصية Opacity

للتحكم فى درجه شفافيه الفورم

 الخاصية TopMost

لتحديد ان كانت الفورم دوما تظهر اعلى النوافذ ام لا

الخاصية  WindowState

لتحديد وضع ظهور الفورم ان كانت بطول وعرض الشاشه ام يتم تصغيرها ام

كما يتم وقت التصميم وتاخذ قيم التالية

Normal : وضع الفورمة الطبيعي على

 الشاشة كما كانت في وضع التنفيذ.

Minimized : جعل الفورمه تظهتر كأيقونه

 في شريط المهام 

Maximized : جعل الفورمة تظهر وتحتل الشاشة بالكامل.

 الخاصية FormBorderStyle

لتحديد الاطار الخارجى للفورم و ممكن تحدٌد نوعٌة التعامل .

 الخاصية None  

حذف شرٌط العنوان الخاص بالفورمة

 الخاصية FixedSingle

 حجٌم الفورمة ) منع المستخدم من إمكانٌة توسٌع أو تضٌيق الإطار الخاص بالفورمة .

 الخاصية Fixed3D

 : تجعلها تاخذ شكل ثلاثة الابعاد

الخاصية  FixedDialog

 تحجٌم الفورمة .

الخاصية  Sizable

 جعل الإطار حر ا للمستخدم سٌتطٌع

 توسٌعه أو أو تضٌ يقه .

 الخاصية FixedToolWindow 

تحجٌم الفورمة مع حذف المفاتٌح الخاصة بالتحكم

على شرٌط العنوان ماعدا مفتاح الإغلاق .

الخاصية  SizableToolWindow 

إمكانٌة التحكم فًي توسٌع وتضٌيق الإطار الخاص

بالفورمة مع حذف المفاتٌح الخاصة بالتحكم على شرٌط العنوان ماعدا مفتاح

الإغلاق

 الخاصية TransparentKey

وتحدد هذه الخاصية اللون الذي يتم إخفاؤه من مجموعة الألوان الخاصة بالفورمة أثناء التنفيذ فهى تعطي فرصة أكبر لظهور النوافذ الموجودة أسفل هذه النافذة.

الخاصية RightToLeftLayout

وهذه الخاصية لمحاذاة اتجاه شكل النموذج من اليمين الى اليسار

 الخاصية Padding

المسافة بين الادوات الفورم تشمل على All – Left – Top – Rigth - Bottom

 الخاصية keyPreview

لجعل اختصارات المفاتيح تعمل على الفورم

ملاحظة:

عند إختفاء أحدى قوائم البرنامج يتم إظهارها من خلال:

النقر على قائمة ) view ( ثم اختبار القوائم منها وكذلك يمكن إدراج قوائم

أخرى عن طريق نفس القائمة ) view ( ثم النقر على ) )other windows

تعريف وشرح ماهي  النماذج والخصائص في الفيجول استديو

˂ النماذج هي واجهة استخدام للتطبيق وهى عباره عن الاداه الام لاى برنامج لذا لن نجدها فى الادوات وتكون

واجهة استخدام لمدخل البيانات )المستخدم للتطبيق ( والتي تمكنه من إدارة كافة البيانات في التطبيق بشكل

أفضل وسلس جدا مثل إدخال وحذف وتحرير البيانات في قاعدة البيانات .

 الخصائص العامه المشتركة بين الفورم والادوات

وهي مشتركة بين النموذج وكل الأدوات يعني تكون موجدة ضمن نافذة خصائص الفورم وأيضا ضمن نافذة خصائص كل الأدوات بدون استثناء ومنها : 

خاصية  تغير الاسم  Name

هو أنها تمثل الاسم البرمجي للنموذج أو الأدوات يعني الاسم الذي ستتعامل معه في نافذة الاكواد. 

خاصية  Text

هو أن من خلالها تقوم بتغيير عنوان النموذج وتغيير العناوين و النصوص التي تكون

مكتوبة على الأدوات .

خاصية  Enabled

وتمثل هذه الخاصية ما إذا كان النموذج أو الأدوات بحالة تمكين أو تعطيل .

إذا كانت مضبوطة على القيمة True فتكون بهذه لحالة النموذج أو الأداة بحالة تمكين

إما إذا كانت مضبوطة على القيمة False فسيكونون بحالة تعطيل

خاصية Visible

وهي مشتركة بين كل الأدوات وغير موجودة ضمن خصائص النموذج وعملها هو أنها

لجعل الأدوات مرئية على النموذج أو غير مرئية.

إذا كانت مضبوطة على القيمة true فهذا يعني أن الأداة مرئية أما إذا كانت مضبوطة

على القيمة False فهذا يعني أن الأداة غير مرئية .

خاصية  Font

وهي لتغيير حجم ونمط الخط للنصوص التي تكون مكتوبة على الفورم أو الأدوات

والمقصود بها العناوين .

 الخاصية ForeColor

وهي لتغيير لون النصوص المكتوبة على الأدوات والنموذج.

الخاصية  BackColor

وهي لتغيير لون الخلفية للأدوات والنموذج لتغير خلفيه الاداه ولكن هناك ثلاث انواع من

الالوان

System تتاثر الخلفيه هنا بسميز الويندز

Web وهى الوان الدوت نت ولا توجد فى الفيجوال بيسك 6

Custom لتخصيص درجه لون معينه

الخاصية Size

وتمثل حجم النموذج أو الأدوات بالطول و العرض وتتفرع منها خاصيتين:

 الخاصية Width

 : وتمثل عرض النموذج أو الأدوات بالبكسل .

Height : وتمثل طول النموذج أو الأدوات 

بالبكسل .

 الخاصية Location

وتمثل موقع النموذج والأدوات بالمحور السيني والصادي وتتفرع منها خاصيتين : X : وهي تمثل موقع النموذج والأدوات على المحور السيني . Y : وهي تمثل موقع النموذج والأدوات على المحور الصاديا

 الخاصية RightToLeft

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

إذا كانت الخاصية مضبوطة على True أو False

الخاصية  RightToLeftLayout

وهذه الخاصية لمحاذاة اتجاه شكل النموذج من اليمين الى اليسار

الخاصية Locked

وهي لمنع التعديل على الفورم والأدوات وقت التصميم حسب إذا كانت مضبوطة على True أو False

 الخاصية AllowDrop

وهي لتمكين السحب والإفلات للأدوات والنموذج .

الخاصية Cursor

وهي لتغيير مؤشر الماوس الذي سيظهر على الفورم أو الأدوات .

الخاصية BackgroundIm

لعمل صوره خلفيه للفورم 

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

 ملاحظه 

فرق بين خصائص النموذج الخاصه بالفورم وخصاىص الخاصه بالادوات

مصطلحات اساسيه في البرمجه في الفيجول استديو

 المتغيرات Variables

المتغيرات هي عبارة عن مواقع في الذاكرة تخزن البيانات بشكل مؤقت ويكمن تغيير قيمتها أثناء تنفيذ البرنامج. فمثلا يمكن للبرنامج أن يخزن في المتغير Var1 القيمة 1 ثم يخزن القيمة 2 والقيمة التي سترجع من المتغير

هي آخر قيمة تم تخزينها.

 الثوابت Constant

هي عبارة عن مواقع في الذاكرة تخزن فيها بيانات بشكل مؤقت ولكن لا يمكن تغيير قيمتها أثناء تنفيذ البرنامج. فمثلا يمكن للبرنامج أن يخزن في الثابت Con1 القيمة 1 لكنه لا يستطيع تغييرها وإن حاول تغييرها فإن المترجم

يرسل رسالة خاطئة أثناء تنفيذ البرنامج

 الحدث Event

هو عبارة عن فعل يقوم به المستخدم للبرنامج المصمم كالنقر على أداة الزر Button أو تغيير نص في مربع نص Text Box أو حتى تحريك الماوس أو الفأرة ويرافقه تنفيذ الإجراء المتعلق به.

 الإجراء Procedure

هو عملية أو عمليات ينفذها البرنامج عند تحقق حدث معين كالنقر على أداة الزر Button في البرنامج.

 الكائن object 

قد يكون تعريف لكود أداة تحكم مثل الزر Button ويكون له عدة إجراءات.

 الكود أو الشفرة البرمجية Code

هو عبارة عن أوامر برمجية تعطى للكمبيوتر على شكل نص تكتب بواسطة لغة من لغات البرمجة كلغة الفيجوال بيسك والتي يفسرها مترجم يسمى ليفهمها الكمبيوتر ولكل فور 

Computer أو وحدة نمطية أو أداة تحكم كود

خاص به في الفيجوال بيسك. وقد يكون الكود مقسما إلى كائنات ،Objects

ودالات أو توابع Functions ، وإجراءات Procedures ، و أحداث .Events

 المترجم  Compiler

exe هو أداة تقوم بترجمة البرنامج دفعة واحدة إلى لغة الآلة وتُنتج ملف تنفيذى بامتداد 

يعمل مباشرة بدون وسيط ، وهذا يعنى أن لغات البرمجة المترجمة تقوم بتحويل النص

البرمجى المكتوب بها إلى لغة الآلة مباشرة وتُنتج ملف تنفيذى يعمل مباشرة دون الحاجة

تقوم مترجماتها بإنتاج ملف تنفيذى إلى ملفات وقت التشغيل ، ومثال على ذلك لغه c /c++ هذا البرنامج يحتوى بداخله على كود بلغة الآلة يتم تنفيذه مباشرة دون ، 

exe بامتداد Pascal إلى مفسر ، لغه

أيضا تعمل بنفس الأسلوب.

 المفسر  Interpreter

هو أداة تقوم بترجمة البرنامج إلى لغة الآلة سطر سطر ، وهذا يعنى أن البرنامج المكتوب

بلغات برمجة تفسيرية يتم ترجمته إلى نص برمجى وسيط بلغة منخفضة المستوى ( لغة

وسيطة ) وينتج ملف البرنامج وبداخله هذا الكود لذا لا يمكن تنفيذه على هذه الصورة

مباشرة حيث يحتاج إلى برنامج آخر يقوم بترجمة الأكواد المكتوبة بداخله إلى لغة الآلة

وقت التشغيل ، هذا البرنامج يسمى المفسر ، ففى لغة الجافا مثلا يُترجم النص البرمجى إلى

هذا البرنامج الناتج لا يمكن ، Jar وتُنتج ملف بامتداد Byte code كود وسيط يسمى

Java تشغيله وتنفيذه على أى جهاز مباشرة حيث يحتاج إلى ما يسمى آلة جافا الافتراضية

والتى تعمل كمفسر للبرنامج الناتج حتى يتم تنفيذه ، وفى تطبيقات الدوت نت أيضا VM

تعتمد على نفس الأسلوب بحيث يتم تحويل الكود البرمجى المكتوب بلغة من لغات الدوت

إلى لغة وسيطة منخفضة المستوى تسمى لغة مايكروسوفت Visual Basic نت مثل

هذا البرنامج الناتج لا يمكن تشغيله على أى ، exe وتُنتج ملف تنفيذى بامتداد IL الوسيطة

والذى يعمل .NET Framework جهاز مباشرة إلا إذا تم تثبيت ما يسمى إطار عمل دوت نت كمفسر للبرامج المكتوبة بلغات الدوت نت ويقوم بترجمتها إلى لغة الآلة حسب الطلب.

Visual Studio ماهو الـ

يعتبر هذا البرنامج بيئة تطوير متكاملة رئيسية من مايكروسوفت. تتيح برمجة واجهة المستخدم الرسومية والبرامج النصية إلى جانب ويندوز فورم ومواقع ويب وتطبيقات ويب وخدمات ويب مدعومة بمايكروسوفت ويندوز ،وويندوز موبايل وإطار عمل دوت نت ومايكروسوفت سيلفرلايت.

اللغات التي يدعمها الفيجول استديو

يدعم فيجوال استوديو العديد من لغات البرمجة مثل Microsoft Visual C++ , Visual C# , Visual Basic , java s c r i p t والعديد أيضا من لغات الترميز مثل html وxml وxhtml وxsl.

بیئۀ التطویر

كما ذكرنا سابقاً فجميع البرامج هى فى الأصل عبارة عن ملف نصى بسيط ، فى السابق كان

على المبرمج أن يكتب البرنامج بنفسه فى محرر نصوص ، وكان هذا أمراً مرهقاً ويحتاج إلى

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

ولاختصار الوقت والجهد ولإضافة المزيد من الإمكانيات للغات البرمجة تم تطوير أدوات

تساعد المبرمج على بناء البرنامج بسهولة وبسرعة أكبر ، حيث توفر تلك الأدوات محررات

أكواد ذكية تكتشف الأخطاء وتُكمل التعليمات تلقائياً وقوالب جاهزة لبعض البرامج

ومكونات مكتوبة مسبقاً ومصممات للنماذج تسهل على المبرمج تصميم الواجهات ، كل هذه

فعلى سبيل المثال مجموعة لغات الدوت ، IDE الأدوات موجودة فيما يسمى بأدوات التطوير

Visual Studio.Net تأتى معها بيئة

تعليقات