C# Windows نماذج تطبيق تعليمي مع مثال

لقد رأينا حتى الآن كيفية العمل باستخدام C# لإنشاء تطبيقات تعتمد على وحدة التحكم. ولكن في سيناريوهات الحياة الواقعية، يستخدم الفريق عادةً Visual Studio وC# لإنشاء أي منهما Windows النماذج أو التطبيقات المستندة إلى الويب.

تطبيق نموذج Windows هو تطبيق مصمم للتشغيل على جهاز كمبيوتر. لن يتم تشغيله على متصفح الويب لأنه سيصبح بعد ذلك تطبيق ويب.

سيركز هذا البرنامج التعليمي على كيفية إنشاء الأشياء Windows- التطبيقات القائمة. سوف نتعلم أيضًا بعض الأساسيات حول كيفية العمل مع العناصر المختلفة في لغة C# Windows التطبيق.

Windows أساسيات النماذج

A Windows تطبيق النماذج هو أحد التطبيقات التي يتم تشغيلها على الكمبيوتر المكتبي. أ Windows عادةً ما يشتمل تطبيق النماذج على مجموعة من عناصر التحكم مثل العلامات ومربعات النص ومربعات القائمة وما إلى ذلك.

فيما يلي مثال بسيط Windows نموذج الطلب C#. تظهر شاشة تسجيل دخول بسيطة يمكن للمستخدم الوصول إليها. سيقوم المستخدم بإدخال بيانات الاعتماد المطلوبة ثم ينقر على زر تسجيل الدخول للمتابعة.

Windows أساسيات النماذج

لذلك مثال على الضوابط المتوفرة في التطبيق أعلاه

  1. هذه مجموعة من عناصر التحكم بالعلامات والتي تستخدم عادة لوصف عناصر التحكم المجاورة. لذا في حالتنا، لدينا مربعان نصيان، ويتم استخدام العلامات لإخبار المستخدم بأن أحد مربعي النص مخصص لإدخال اسم المستخدم والآخر لكلمة المرور.
  2. يتم استخدام مربعي النص لحمل اسم المستخدم وكلمة المرور التي سيقوم المستخدم بإدخالها.
  3. وأخيرا، لدينا زر التحكم. عادةً ما يشتمل زر التحكم على بعض التعليمات البرمجية المرفقة لتنفيذ مجموعة معينة من الإجراءات. على سبيل المثال، في الحالة المذكورة أعلاه، يمكن أن نطلب من الزر تنفيذ إجراء للتحقق من صحة اسم المستخدم وكلمة المرور التي أدخلها المستخدم.

C# مرحبا بالعالم

الآن دعنا نلقي نظرة على مثال لكيفية تنفيذ تطبيق بسيط "hello world" في Visual Studio. للقيام بذلك، نحتاج إلى تنفيذ الخطوات المذكورة أدناه

الخطوة 1) تتضمن الخطوة الأولى إنشاء مشروع جديد في Visual Studio. بعد التشغيل البصرية ستوديو، فأنت بحاجة إلى اختيار خيار القائمة جديد->المشروع.

C# مرحبا بالعالم

الخطوة 2) والخطوة التالية هي اختيار نوع المشروع ك Windows تطبيق النماذج. وهنا نحتاج أيضًا إلى ذكر اسم مشروعنا وموقعه.

C# مرحبا بالعالم

  1. في مربع حوار المشروع، يمكننا رؤية خيارات مختلفة لإنشاء أنواع مختلفة من المشاريع في Visual Studio. انقر فوق Windows الخيار على الجانب الأيسر.
  2. عندما نضغط على Windows الخيارات في الخطوة السابقة، سنكون قادرين على رؤية خيار ل Windows تطبيق النماذج. انقر فوق هذا الخيار.
  3. سنقدم اسمًا للتطبيق. في حالتنا، هو DemoApplication. سنوفر أيضًا موقعًا لتخزين تطبيقنا.
  4. وأخيرًا، نضغط على زر "موافق" للسماح لـ Visual Studio بإنشاء مشروعنا.

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

انتاج:-

C# مرحبا بالعالم

ستشاهد مصمم النماذج معروضًا في Visual Studio. في مصمم النماذج هذا ستبدأ في بناء نموذجك Windows تطبيق النماذج.

C# مرحبا بالعالم

في مستكشف الحلول، ستتمكن أيضًا من رؤية حل DemoApplication. سيحتوي هذا الحل على ملفي المشروع أدناه

  1. تطبيق نموذج يسمى Forms1.cs. سيحتوي هذا الملف على كافة التعليمات البرمجية الخاصة بـ Windows تطبيق النموذج.
  2. البرنامج الرئيسي المسمى Program.cs هو ملف التعليمات البرمجية الافتراضي الذي يتم إنشاؤه عند إنشاء تطبيق جديد في Visual Studio. سيحتوي هذا الكود على كود بدء التشغيل للتطبيق ككل.

على الجانب الأيسر من Visual Studio، سترى أيضًا أداةBoxتحتوي مجموعة الأدوات على جميع عناصر التحكم التي يمكن إضافتها إلى Windows النماذج. عناصر التحكم مثل مربع النص أو التسمية هي مجرد بعض عناصر التحكم التي يمكن إضافتها إلى Windows نماذج.

فيما يلي لقطة شاشة توضح شكل صندوق الأدوات.

C# مرحبا بالعالم

الخطوة 3) في هذه الخطوة، سنضيف الآن تسمية إلى النموذج والتي ستعرض "Hello World". من صندوق الأدوات، ستحتاج إلى اختيار عنصر التحكم التسمية ثم سحبه ببساطة إلى النموذج.

C# مرحبا بالعالم

بمجرد سحب التسمية إلى النموذج، يمكنك رؤية التسمية مضمنة في النموذج كما هو موضح أدناه.

C# مرحبا بالعالم

الخطوة 4) الخطوة التالية هي الانتقال إلى خصائص عنصر التحكم وتغيير النص إلى "Hello World".

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

C# مرحبا بالعالم

  • تظهر لوحة الخصائص أيضًا في Visual Studio. لذا بالنسبة لعنصر التحكم في التسمية، في عنصر التحكم في الخصائص، انتقل إلى قسم النص وأدخل "Hello World".
  • يحتوي كل عنصر تحكم على مجموعة من الخصائص التي تصف عنصر التحكم.

C# مرحبا بالعالم

إذا اتبعت جميع الخطوات المذكورة أعلاه وقمت بتشغيل برنامجك في Visual Studio، فستحصل على الناتج التالي

انتاج:-

C# مرحبا بالعالم

في الإخراج، يمكنك أن ترى أن Windows يتم عرض النموذج. يمكنك أيضًا رؤية عبارة "Hello World" معروضة على النموذج.

إضافة عناصر التحكم إلى النموذج

لقد رأينا بالفعل كيفية إضافة عنصر تحكم إلى نموذج عندما أضفنا عنصر تحكم التسمية في القسم السابق لعرض "Hello World".

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

لدينا في Windows في أمثلة تطبيق النموذج في لغة C#، سنقوم بإنشاء نموذج واحد سيحتوي على الوظائف التالية.

  1. إمكانية قيام المستخدم بإدخال الاسم والعنوان.
  2. خيار لاختيار المدينة التي يقيم فيها المستخدم
  3. إمكانية قيام المستخدم بإدخال خيار الجنس.
  4. خيار لاختيار الدورة التي يريد المستخدم أن يتعلمها. سيكون هناك اختيارات لكل من C# وASP.Net

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

تجمع Box

يُستخدم مربع المجموعة لتجميع عناصر التحكم منطقيًا في قسم. دعنا نأخذ مثالاً إذا كان لديك مجموعة من عناصر التحكم لإدخال تفاصيل مثل اسم وعنوان شخص ما. من الناحية المثالية، تكون هذه تفاصيل شخص ما، لذا قد ترغب في وضع هذه التفاصيل في قسم منفصل في النموذج. لهذا الغرض، يمكنك الحصول على مربع مجموعة. دعنا نرى كيف يمكننا تنفيذ ذلك باستخدام مثال موضح أدناه

الخطوة 1) الخطوة الأولى هي سحب عنصر التحكم Groupbox إلى Windows النموذج من صندوق الأدوات كما هو موضح أدناه

إضافة عناصر التحكم إلى النموذج

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

إضافة عناصر التحكم إلى النموذج

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

انتاج:-

إضافة عناصر التحكم إلى النموذج

في الإخراج، يمكنك أن ترى بوضوح أن Groupbox قد تمت إضافته إلى النموذج. يمكنك أيضًا أن ترى أن نص Groupbox قد تم تغييره إلى "تفاصيل المستخدم".

التحكم في التسمية

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

تشير العلامة للمستخدم إلى ما هو المتوقع ملؤه في مربع النص. دعنا نرى كيف يمكننا تنفيذ ذلك باستخدام المثال الموضح أدناه. سنضيف علامتين، واحدة تسمى "الاسم" والأخرى تسمى "العنوان". سيتم استخدامهما بالتزامن مع عناصر التحكم في مربع النص التي سيتم إضافتها في القسم اللاحق.

الخطوة 1) الخطوة الأولى هي سحب عنصر تحكم التسمية إلى ملف Windows قم بإنشاء نموذج من صندوق الأدوات كما هو موضح أدناه. تأكد من سحب عنصر التحكم في التسمية مرتين حتى تتمكن من الحصول على عنصر تحكم واحد لـ "الاسم" وعنصر تحكم آخر لـ "العنوان".

إضافة عناصر التحكم إلى النموذج

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

إضافة عناصر التحكم إلى النموذج

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

انتاج:-

إضافة عناصر التحكم إلى النموذج

يمكنك رؤية عناصر التحكم في التسمية المضافة إلى النموذج.

مربع الكتابة

يتم استخدام مربع النص للسماح للمستخدم بإدخال بعض النصوص على Windows تطبيق بلغة C#. دعنا نرى كيف يمكننا تنفيذ ذلك باستخدام مثال موضح أدناه. سنضيف مربعين نصيين إلى النموذج، أحدهما للاسم والآخر للعنوان الذي سيتم إدخاله للمستخدم

الخطوة 1) الخطوة الأولى هي سحب عنصر التحكم في مربع النص إلى Windows النموذج من صندوق الأدوات كما هو موضح أدناه

إضافة عناصر التحكم إلى النموذج

الخطوة 2) بمجرد إضافة مربعات النص، انتقل إلى نافذة الخصائص بالنقر فوق عنصر التحكم في مربع النص. في نافذة الخصائص، انتقل إلى خاصية الاسم وأضف اسمًا ذا معنى لكل مربع نص. على سبيل المثال، قم بتسمية مربع النص الخاص بالمستخدم باسم txtName ومربع النص الخاص بالعنوان باسم txtAddress. يجب وضع اتفاقية تسمية ومعيار لعناصر التحكم لأنه يصبح من الأسهل إضافة وظائف إضافية إلى هذه العناصر، وهو ما سنراه لاحقًا.

إضافة عناصر التحكم إلى النموذج

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

انتاج:-

إضافة عناصر التحكم إلى النموذج

في الإخراج، يمكنك أن ترى بوضوح أنه تمت إضافة مربعات النص إلى النموذج.

قائمة المربع

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

الخطوة 1) الخطوة الأولى هي سحب عنصر التحكم في مربع القائمة إلى Windows النموذج من صندوق الأدوات كما هو موضح أدناه

إضافة عناصر التحكم إلى النموذج

الخطوة 2) بمجرد إضافة مربع القائمة، انتقل إلى نافذة الخصائص بالنقر فوق عنصر التحكم بمربع القائمة.

إضافة عناصر التحكم إلى النموذج

  1. أولاً، قم بتغيير خاصية عنصر التحكم في مربع القائمة Listbox، في حالتنا، قمنا بتغيير هذا إلى lstCity
  2. انقر فوق خاصية العناصر. سيسمح لك هذا بإضافة عناصر مختلفة يمكن أن تظهر في مربع القائمة. في حالتنا، حددنا عناصر "المجموعة".
  3. في محرر مجموعة السلسلة، الذي ينبثق، أدخل أسماء المدن. في حالتنا، دخلنا "مومباي" و"بنجالور" و"حيدر أباد".
  4. أخيرًا ، انقر فوق الزر "موافق".

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

انتاج:-

إضافة عناصر التحكم إلى النموذج

في المخرجات، يمكنك أن ترى أن مربع القائمة قد تمت إضافته إلى النموذج. كما يمكنك أن ترى أن مربع القائمة قد تم ملؤه بقيم المدينة.

زر الراديو

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

الخطوة 1) الخطوة الأولى هي سحب عنصر التحكم "زر الاختيار" إلى ملف Windows النموذج من صندوق الأدوات كما هو موضح أدناه.

إضافة عناصر التحكم إلى النموذج

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

إضافة عناصر التحكم إلى النموذج

  1. أولاً، عليك تغيير خاصية النص لكلا عنصري التحكم في الراديو. انتقل إلى نافذة الخصائص وقم بتغيير النص إلى ذكر لزر راديو واحد ونص الزر الآخر إلى أنثى.
  2. وبالمثل، قم بتغيير خاصية الاسم لكلا عنصري التحكم في الراديو. انتقل إلى نافذة الخصائص وقم بتغيير الاسم إلى "rdMale" لزر راديو واحد وإلى "rdfemale" للزر الآخر.

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

انتاج:-

إضافة عناصر التحكم إلى النموذج

سترى أزرار الراديو المضافة إلى Windows .

صندوق الاختيار

يتم استخدام مربع الاختيار لتوفير قائمة من الخيارات حيث يمكن للمستخدم اختيار خيارات متعددة. دعنا نرى كيف يمكننا تنفيذ ذلك باستخدام مثال موضح أدناه. سنضيف مربعي اختيار إلى Windows ستوفر مربعات الاختيار هذه خيارًا للمستخدم بشأن ما إذا كان يريد تعلم C# أو ASP.Net.

الخطوة 1) الخطوة الأولى هي سحب عنصر التحكم في مربع الاختيار إلى Windows النموذج من صندوق الأدوات كما هو موضح أدناه

إضافة عناصر التحكم إلى النموذج

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

إضافة عناصر التحكم إلى النموذج

في نافذة الخصائص،

  1. أولاً، تحتاج إلى تغيير خاصية النص لكلا عنصري التحكم في مربع الاختيار. انتقل إلى نافذة الخصائص وقم بتغيير النص إلى C# و ASP.Net.
  2. وبالمثل، قم بتغيير خاصية الاسم لكلا عنصري التحكم في الراديو. انتقل إلى نافذة الخصائص وقم بتغيير الاسم إلى chkC لصندوق الاختيار الأول وإلى chkASP للصندوق الآخر.

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

انتاج:-

إضافة عناصر التحكم إلى النموذج

أزرار

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

الخطوة 1) الخطوة الأولى هي سحب زر التحكم إلى Windows النموذج من صندوق الأدوات كما هو موضح أدناه

إضافة عناصر التحكم إلى النموذج

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

إضافة عناصر التحكم إلى النموذج

  1. أولاً، عليك تغيير خاصية النص الخاصة بعنصر التحكم بالزر. انتقل إلى نافذة الخصائص وقم بتغيير النص إلى "إرسال".
  2. وبالمثل، قم بتغيير خاصية اسم عنصر التحكم. انتقل إلى نافذة الخصائص وقم بتغيير الاسم إلى "btnSubmit".

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

انتاج:-

إضافة عناصر التحكم إلى النموذج

تهانينا، لقد حصلت الآن على أول أساسياتك Windows النموذج في مكانه. لننتقل الآن إلى الموضوع التالي لنرى كيف يمكننا التعامل مع الأحداث لعناصر التحكم.

التعامل مع أحداث C# لعناصر التحكم

عند العمل باستخدام نموذج Windows، يمكنك إضافة أحداث إلى عناصر التحكم. الحدث هو شيء يحدث عند تنفيذ إجراء. ربما يكون الإجراء الأكثر شيوعًا هو النقر فوق زر في نموذج. في C# Windows النماذج، يمكنك إضافة تعليمات برمجية يمكن استخدامها لتنفيذ إجراءات معينة عند الضغط على زر في النموذج.

عادة عند الضغط على زر في النموذج، فهذا يعني أنه يجب إجراء بعض المعالجة.

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

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

الخطوة 1) Double انقر فوق القائمة في مصمم النماذج. من خلال القيام بذلك، سيفتح Visual Studio تلقائيًا ملف التعليمات البرمجية للنموذج. وسيضيف تلقائيًا طريقة حدث إلى التعليمات البرمجية. سيتم تشغيل طريقة الحدث هذه، كلما تم تحديد أي عنصر في القائمة.

التعامل مع أحداث C# لعناصر التحكم

في الأعلى مقطع من التعليمات البرمجية التي تتم إضافتها تلقائيًا بواسطة Visual Studio، عند النقر المزدوج فوق عنصر التحكم في مربع القائمة في النموذج. الآن دعنا نضيف القسم أدناه من التعليمات البرمجية إلى مقطع التعليمات البرمجية هذا، لإضافة الوظيفة المطلوبة إلى حدث مربع القائمة.

التعامل مع أحداث C# لعناصر التحكم

  1. هذه هي طريقة معالجة الأحداث التي يتم إنشاؤها تلقائيًا بواسطة Visual Studio عند النقر المزدوج فوق عنصر التحكم في مربع القائمة. لا داعي للقلق بشأن تعقيد اسم الطريقة أو المعلمات التي يتم تمريرها إلى الطريقة.
  2. هنا نحصل على SelectedItem من خلال الخاصية lstCity.SelectedItem. تذكر أن lstCity هو اسم عنصر التحكم Listbox الخاص بنا. ثم نستخدم طريقة GetItemText للحصول على القيمة الفعلية للعنصر المحدد. ثم نقوم بتعيين هذه القيمة إلى متغير النص.
  3. وأخيراً نستخدم الرسالةBox طريقة لعرض قيمة متغير النص للمستخدم.

بمجرد إجراء التغييرات المذكورة أعلاه وتشغيل البرنامج في Visual Studio، سترى الناتج التالي

انتاج:-

التعامل مع أحداث C# لعناصر التحكم

من خلال الإخراج، يمكنك أن ترى أنه عند تحديد أي عنصر من مربع القائمة، ستظهر رسالة مربعة. سيعرض هذا العنصر المحدد من مربع القائمة.

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

التعامل مع أحداث C# لعناصر التحكم

  1. هذه هي طريقة معالجة الأحداث التي يتم إنشاؤها تلقائيًا بواسطة Visual Studio عند النقر المزدوج على عنصر التحكم بالزر. لا داعي للقلق بشأن تعقيد اسم الطريقة أو المعلمات التي يتم تمريرها إلى الطريقة.
  2. هنا نحصل على القيم المدخلة في مربع النص "الاسم" و"العنوان". يمكن أخذ القيم من خاصية "النص" في مربع النص. ثم نقوم بتعيين القيم إلى متغيرين، "الاسم" و"العنوان" وفقًا لذلك.
  3. وأخيراً نستخدم الرسالةBox طريقة لعرض قيم الاسم والعنوان للمستخدم.

بمجرد إجراء التغييرات المذكورة أعلاه وتشغيل البرنامج في Visual Studio، سترى الناتج التالي

انتاج:-

التعامل مع أحداث C# لعناصر التحكم

  1. أولاً، أدخل قيمة في حقل الاسم والعنوان.
  2. ثم انقر على زر إرسال

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

شجرة وصورةBox مراقبة

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

التحكم في الشجرة

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

دعونا نرى كيف يمكننا تنفيذ ذلك من خلال المثال الموضح أدناه.

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

شجرة وصورةBox مراقبة

الخطوة 2) الخطوة التالية هي البدء في إضافة العقد إلى مجموعة الأشجار بحيث يمكن ظهورها في الشجرة وفقًا لذلك. أولاً، دعونا نتبع الخطوات الفرعية أدناه لإضافة عقدة جذر إلى مجموعة الشجرة.

شجرة وصورةBox مراقبة

  1. انتقل إلى صندوق أدوات الخصائص لعنصر التحكم في عرض الشجرة. انقر فوق خاصية العقدة. سيؤدي هذا إلى ظهور محرر عقد الشجرة
  2. في محرر TreeNode، انقر فوق الزر Add Root لإضافة عقدة جذر إلى مجموعة الشجرة.
  3. بعد ذلك، قم بتغيير نص عقدة الجذر وقم بتوفير النص كجذر وانقر فوق الزر "موافق". سيؤدي هذا إلى إضافة عقدة الجذر.

الخطوة 3) الخطوة التالية هي البدء في إضافة العقد الفرعية إلى مجموعة الشجرة. دعونا نتبع الخطوات الفرعية أدناه لإضافة عقدة جذر فرعية إلى مجموعة الشجرة.

شجرة وصورةBox مراقبة

  1. أولا، انقر على زر إضافة طفل. سيسمح لك هذا بإضافة العقد الفرعية إلى مجموعة الشجرة.
  2. بالنسبة لكل عقدة فرعية، قم بتغيير خاصية النص. استمر في تكرار الخطوة السابقة وهذه الخطوة وأضف عقدتين إضافيتين. في النهاية، سيكون لديك 2 عقد كما هو موضح أعلاه، مع النص على أنه Label وButton وCheckbox على التوالي.
  3. انقر على زر موافق

بمجرد إجراء التغييرات المذكورة أعلاه، سوف ترى الناتج التالي.

انتاج:-

شجرة وصورةBox مراقبة

ستكون قادرًا على رؤية طريقة عرض الشجرة المضافة إلى النموذج. عند تشغيل Windows في تطبيق النموذج، يمكنك توسيع العقدة الجذرية ورؤية العقد الفرعية في القائمة.

صورةBox مراقبة

يتم استخدام عنصر التحكم هذا لإضافة صور إلى Winforms C#. دعونا نرى كيف يمكننا تنفيذ ذلك من خلال المثال الموضح أدناه.

الخطوة 1) الخطوة الأولى هي سحب الصورةBox السيطرة على C# Windows النموذج من صندوق الأدوات كما هو موضح أدناه

شجرة وصورةBox مراقبة

الخطوة 2) الخطوة التالية هي إرفاق صورة فعليًا بعنصر التحكم في مربع الصورة. ويمكن القيام بذلك باتباع الخطوات التالية.

شجرة وصورةBox مراقبة

  1. أولا، انقر على خاصية الصورة للصورةBox يتحكم. ستظهر نافذة جديدة.
  2. في هذه النافذة، انقر فوق الزر "استيراد". سيتم استخدام هذا الزر لإرفاق صورة بعنصر التحكم "صندوق الصورة".
  3. سيظهر لك مربع حوار يمكنك من خلاله اختيار الصورة التي تريد إرفاقها بصندوق الصور
  4. انقر على زر موافق

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

انتاج:-

شجرة وصورةBox مراقبة

من المخرجات، يمكنك أن ترى أنه يتم عرض صورة على النموذج.

الملخص

  • A Windows النموذج في تطبيق C# هو النموذج الذي يتم تشغيله على سطح مكتب الكمبيوتر. يمكن استخدام Visual Studio Form مع C# لإنشاء Windows تطبيق النماذج.
  • يمكن إضافة عناصر التحكم إلى Windows يمكن إنشاء نماذج C# عبر Toolbox في Visual Studio. ويمكن إضافة عناصر تحكم مثل العلامات ومربعات الاختيار وأزرار الاختيار وما إلى ذلك إلى النموذج عبر Toolbox.
  • يمكن للمرء أيضًا استخدام عناصر التحكم المتقدمة مثل عنصر التحكم في عرض الشجرة والصورةBox السيطرة عليها.
  • تُستخدم معالجات الأحداث للرد على الأحداث التي تم إنشاؤها من عناصر التحكم. الأكثر شيوعًا هو الذي تمت إضافته لحدث النقر على الزر.

تفاصيل أكثر أقرأ المزيد