إستعراض بيئة التطوير المتكاملة EXPLORING THE IDE
تحتوي بيئة التطوير المتكاملة للفيجوال ستوديو على عدد كبير من القوائم menus وأشرطة الأدوات toolbars والنوافذ windows والمعالجات wizards والمحررات editors ومكونات الأخرى لمساعدتك في إنشاء التطبيقات. بعض من هذه ، مثل "مستكشف الحلول" Solution Explorer و"نافذة الخصائص" Properties window ، ستستخدمها في كل مرة تعمل فيها برنامج . وبعضها الآخر ، مثل نافذة Breakpoints والمربع الحوار Connect to Device ، تكون متخصّصة بحيث قد يستغرق الأمر سنوات قبل أن تحتاج إليها.
يوضح الشكل (1-7) بيئة التطوير المتكاملة IDE مع مشروع بسيط تم تحميله وتم وضع علامات على بعض القطع الأكثر أهمية من هذه البيئة . توضح القائمة التالية هذه القطع .
http://www.tgoop.com/CsharpWindowsForm

1- القوائم Menus
توفر القوائم جميع أنواع الأوامر المفيدة ، بالضبط الأوامر المتاحة ، والتي يتم تمكينها ، وحتى القوائم التي تكون مرئية والتى تعتمد على أي نوع المحرر المفتوح في منطقة التحرير (رقم 4 ) . وتشمل بعض القوائم المفيدة بشكل خاص القائمة "ملف" File (فتح المشاريع القديمة وإنشاء مشاريع جديدة) ، والقائمة "عرض" View (العثور على النوافذ )، والقائمة "مشروع" Project (إضافة "نماذج" forms جديدة وغيرها من العناصر إلى مشروع)، والقائمة "تصحيح" Debug (بناء وتشغيل وتصحيح المشروع)، والقائمة "تنسيق" Format ( ترتيب عناصر التحكم أو الضوابط controls على الفورم ).

2- أشرطة الأدوات Toolbars
توفر أشرطة الأدوات اختصارات لتنفيذ الأوامر المشابهة لتلك الموجودة في القوائم . يستخدم الأمر Customize بالقائمة "أدوات" Tools لتحديد أى من أشرطة الأدوات تكون مرئية.

3- مستكشف الحل Solution Explorer
يسرد مستكشف الحل الملفات في المشروع . واحد من أهمها الملف Form1.cs ، الذي يحدد عناصر التحكم controls والكود للنموذج (الفورم) المسمى Form1. إذا قمت بالنقر نقرا مزدوجا فوق ملف في "مستكشف الحل"، فإن الفيجوال ستوديو يقوم بفتحه في منطقة التحرير.

4- منطقة التحرير Editing Area
تعرض منطقة التحرير الملفات في المحررات المناسبة . في معظم الأحيان سوف تستخدم هذه المنطقة لتصميم "نماذج" forms (ووضع عناصر التحكم controls عليها وضبط خصائصها ) وكتابة التعليمات البرمجية (الكود) للنماذج ، ولكن يمكنك أيضا استخدام هذه المنطقة لتحرير ملفات أخرى مثل الملفات النصية والصور النقطية والرموز.

5- صندوق الأدوات Toolbox
يحتوي صندوق الأدوات على "عناصر التحكم" controls والمكونات التي يمكنك وضعها على "نموذج" form .
حدد "أداة" tool (بنقرها) ثم انقر واسحب لوضع نسخة من هذه الأداة على النموذج . لاحظ أن مجموعات أدوات التحكم في علامات تبويب ("جميع نماذج الويندوز" All Windows Forms ، "عناصر التحكم المشتركة" Common Controls ، و"الحاويات" Containers و"القوائم وأشرطة الأدوات" Menus & Toolbars ، وهلم جرا) لجعل العثور على عناصر التحكم التي تحتاج إليها أسهل) .

6- نافذة الخصائص Properties Window
تتيح لك نافذة الخصائص تعيين خصائص عناصرالتحكم controls . انقر فوق عنصر تحكم في مصمم النماذج Form Designer (يظهر في منطقة التحرير في الشكل (1-7) ) لتحديده ، أو انقر واسحب لتحديد عناصر تحكم متعددة . ثم استخدم نافذة الخصائص لتعيين خصائص عنصر/ عناصر التحكم . لاحظ أن الجزء العلوي من نافذة الخصائص يظهر "الاسم" name (Form1) ونوع (System.Windows.Forms.Form) عنصر التحكم المحدد حاليا . الخاصية المحددة حاليا في الشكل (1-7) هي "النص" Text ، ولها القيمة Form1 . ستقضي الكثير من الوقت في العمل مع نافذة الخصائص .



7- وصف الخاصية Property Description
وصف الخاصية يعطيك تذكير عن الغرض من الخاصية الحالية . في الشكل 1-7) ، تذكر بأن خاصية النص Text تعطي النص المقترن بعنصر التحكم .

8- نوافذ أخرى Other Windows
تحتوي هذه المنطقة عادة على نوافذ أخرى مفيدة . علامات التبويب في أسفل تمكنك من التبديل بسرعة بين النوافذ المختلفة.

ويبين الشكل (1-7) ترتيب (تنظيم) نموذجي ، إلى حد ما ، من النوافذ ، ولكن الفيجوال ستوديو مرن للغاية بحيث يمكنك إعادة ترتيب النوافذ إذا أردت . يمكنك إخفاء النوافذ أو إظهارها أو جعل النوافذ "عائمة" floating أو "راسية" (مربوطة) docked للأجزاء المختلفة من بيئة التطوير المتكاملة ، وجعل النوافذ جزءا من مجموعة علامات تبويب ، وجعل النوافذ تخفى نفسها تلقائيا إذا كنت لا تحتاج إليها باستمرار.
http://www.tgoop.com/CsharpWindowsForm

إذا نظرت عن كثب إلى الجانب الأيمن من شريط العنوان أعلى أحد النوافذ في الشكل (1-7) (على سبيل المثال، نافذة الخصائص) ، فستشاهد ثلاثة رموز: سهم منسدل ، ودبوس إصبع ، وعلامة x .
إذا نقرت على السهم المنسدل (أو انقر بزر الماوس الأيمن على شريط عنوان النافذة)، فستظهر قائمة تتضمن الخيارات التالية:
• تعويم (طفو) Float
تصبح النافذة خالية من أى رسو (رباط) وتطفو فوق بيئة التطوير . يمكنك سحبها هنا وهناك ، وسوف لا يتم إعادة رسوها (ربطها) . لجعلها قابلة للرسو مرة أخرى، افتح القائمة مرة أخرى وحدد "رسو" Dock .
• رسو (رباط) Dock
تصبح النافذة قابلة للرسو إلى الأجزاء المختلفة من بيئة التطوير . سوف نتناول ذلك قريبا .
• رسو كوثيقة مبوبة Dock as Tabbed Document
تصبح النافذة علامة تبويب في منطقة مبوبة مشابهة لما في الشكل (1-7) رقم 8 . لسوء الحظ ، فإنه ليس من الواضح دائما أي منطقة سوف تنتهي إليها النافذة . لجعل النافذة علامة تبويب في منطقة محددة مبوبة ، اجعلها قابلة للرسو وسحبها إلى علامة تبويب (سوف يتم شرح ذلك قريبا ) .
• الإخفاء التلقائى Auto Hide
وفيه تقلص النافذة نفسها إلى ملصق صغير عالق على أحد حواف بيئة التطوير ويتحول رمز الدبوس إلى جهة الجانب للإشارة إلى أن النافذة تختبئ تلقائيا . إذا قمت بتعويم الماوس فوق الملصق ، تظهر النافذة . طالما يبقى الماوس على النافذة الموسعة ، فإنها تبقى على وضعها، ولكن إذا قمت بتحريك الماوس من على النافذة ، فإنها تخفي نفسها مرة أخرى (مثل الصرصار عند تشغيل الأضواء) . حدد إخفاء تلقائي مرة أخرى أو انقر على علامة الدبوس الجانبية لإيقاف الإخفاء التلقائي . الإخفاء التلقائى يجعل الطريق خالى حتى تتمكن من العمل في منطقة تحرير أكبر.

• الإخفاء Hide
وفيه تختفي النافذة تماما. للحصول على النافذة مرة أخرى ، سوف تحتاج إلى العثور عليها في مكان ما في التشكيلة المحيرة من القوائم . يمكنك العثور على العديد من النوافذ الأكثر فائدة في القائمة "عرض" View ، والقائمة الفرعية Other Windows ، ومن القائمة الفرعية Windowsبالقائمة Debug .
يعمل رمز الدبوس الموجود في شريط عنوان النافذة تماما كما يفعل الأمر إخفاء تلقائي من القائمة المنسدلة . انقر على الدبوس لتشغيل ميزة الإخفاء التلقائي . قم بتوسيع النافذة وانقر على الدبوس الجانبى لإيقاف الإخفاء التلقائي .
الرمز X في شريط عنوان النافذة يخفي النافذة تماما مثل القائمة المنسدلة في الأمر إخفاء.

بالإضافة إلى استخدام قائمة شريط عنوان النافذة والرموز، يمكنك سحب النوافذ إلى مواقع جديدة. طالما أن النافذة تكون قابلة للإرساء أو تكون جزء من نافذة مبوبة ، يمكنك الإمساك بشريط العنوان وسحبه إلى موضع جديد.
أثناء سحب النافذة ، تعرض بيئة التطوير "علامات الهدف" لتمكنك من إرساء النافذة في الأماكن المختلفة . إذا قمت بتحريك النافذة بحيث يكون الماوس فوق علامة هدف ، فإن بيئة التطوير تعرض منطقة زرقاء شفافة لإظهار مكان النافذة إذا قمت بإسقاطها. إذا قمت بإسقاط النافذة عندما يكون الماوس ليس فوق علامة هدف ، فإن النافذة تصبح عائمة.
يبين الشكل (1-8) نافذة الخصائص والتي يتم سحبها في بيئة التطوير . الماوس فوق علامة الهدف اليمنى فوق منطقة التحرير لذلك ، كما تظهر المنطقة الزرقاء الشفافة ، إسقاطها هناك سوف يرسى النافذة إلى الجانب الأيمن من منطقة التحرير. الصورة بها نوع من الفوضى ، ولكن ليس من الصعب جدا أن ترى ما يحدث إذا حاولت (جربت) .
http://www.tgoop.com/CsharpWindowsForm

الشكل
7-1

الشكل
8-1

بسم الله الرحمن الرحيم

اليوم سوف نقوم بشرح دالتين موجودة في الكلاس كونترول
الأولى SendToBack();
الثانية BringToFront();
وهي دوال من نوع void


مثال :
لنفرض ان لديك في الفورم 2 ازرار موقعهم في اعلى الفورم كما في الشكل 1
وقمت بإضافة panel وقمت بعمل خاصية Dock للpanel تساوي top
في هذه الحالة فان الpanel سوف تظهر فوق الازرار كما في الشكل 2
الازرار لن تظهر ولكي تقوم باظهارهن هناك طريقتين الأولى اثناء التصميم والثانية وقت التنفيذ أي عنطريق الاكواد

اثناء التصميم انقر بزر الماوس الأيمن على panel واختار Send To Back
كما في الشكل 3

الطريقة الأخرى برمجيا

private void Form2_Load(object sender, EventArgs e)
{
panel1.SendToBack();
}

يمكنك أيضا ان تعمل بهذا الشكل
private void Form2_Load(object sender, EventArgs e)
{
button1.BringToFront();
button2.BringToFront();
}

http://www.tgoop.com/CsharpWindowsForm

كيفية عمل برنامج مثل الرسام
رسم على الفورم كما في الصورة

الشرح تعليقات بداخل المشروع

المشروع

يسعد صباحكم .


مشروع Notepad للاستفاده 🍃.

http://www.tgoop.com/CsharpWindowsForm

بسم الله الرحمن الرحيم

اليوم سنشرح أداة اسمها ErrorProVider
البعض منكم يستخدم في برامجه ال messageBox لتنبيه المستخدم انهو قام بإدخال بيانات خاطئة او انهو قام بترك احد textbox فارغ لو افترضنا انك تقوم ببرمجه برنامج لادارة الطلاب او الموظفين في هذه الحالة يوجد العديد من textbox الازمه لادخال بيانات الموظف او الطالب ماذا لو قام المستخدم بترك جميع الحقول فارغة وقام بالضغط على زر حفظ بيانات الطالب او الموظف
وانت قمت بعمل شرط تحقق يتحقق اذا كانت البيانات صحيحه او لا
فهل ستقوم بارسال رسائل تنبيه للمبستخدم بال messageBox بعدد textbox
اكيد لا
أداة errorProvider تستخدم لتنبيه المستخدم بحدوث خطاء في ادخال البيانات او أي شي يطلب من المستخدم ادخال بيانات

نبدا شرح الأداة برمجياً
قم بانشاء مشروع جديد

قم بتكبير او تصغير الفورم حسب ماتريد
ومن ثم قم بإضافة الأدوات التالية
Text box
Button
errorProvider
ستلاحظ ان الأداة الأخيرة لم تظهر بداخل الفورم وانما تظهر تحت الفورم
هذه الأداة من أدوات التحكم غير المرئية non-visual

الان وبعد ان قمت بإضافة الأدوات الازمة
الان قم بالدخول الى دالة الحدث Click للزر
وقم بعمل شرط يتحقق من صحه البيانات في text box
private void button1_Click(object sender, EventArgs e)
{
if (textBox1.Text.Length==0)
{
errorProvider1.SetError(textBox1, "Please Enter the Data");
errorProvider1.SetIconAlignment(textBox1, ErrorIconAlignment.MiddleRight);
}

else
{
errorProvider1.Clear();
}
}

الدالة SetError تأخذ اثنين من الوسائط الأول من نوع Control والأخر من نوع string لتنبية المستخدم

الدالة SetIconAlignment كذالك تأخذ اثنين من الوسائط الأول Control والثاني ErrorIconAlignment
الوسيط الثاني هو تحديد مكان ظهور ايقونه التنبية مثلا اعلى يسار textbox او
منتصف يمين textbox حدد موقع الايقونه حسب رغبتك

الان عندما تقوم بالتنفيذ
وتقوم بالضغط على الزر بدون ادخال بيانات في text box سوف تظهر ايقونه التنبية كما في الشكل التالي



https://www.tgoop.com/CsharpWindowsForm

موضوع اليوم

عن شريط التحكم

وكيف تقوم بتصميم وبرمجة شريط تحكم خاص بك

Project

سيتم الاعلان بنتيجه الاستطلاع نهاية اليوم