كيفية إنشاء تطبيق Windows Forms (Winforms) الأول في Visual Studio

Windows Forms هو إطار عمل متاح في Visual Studio يسمح لك بإنشاء تطبيقات سطح المكتب بمساعدة واجهة مستخدم رسومية. يتيح لك ذلك النقر فوق عناصر واجهة المستخدم وسحبها مثل الأزرار أو الملصقات مباشرة على لوحة الرسم ، ومعالجة خصائص كل عنصر واجهة مستخدم مثل حجم الخط أو اللون أو الحدود.

في هذه المقالة ، سيتم استخدام محول بسيط من الدرجة المئوية إلى فهرنهايت كمثال لاستعراض أساسيات كيفية إعداد تطبيق نموذج Windows. Visual Studio 2019 Community Edition هو الإصدار المستخدم لهذا البرنامج التعليمي.

كيفية إنشاء مشروع نماذج Windows في Visual Studio

أولاً ، قم بإنشاء المشروع في Visual Studio.

1. افتح Visual Studio وحدد قم بإنشاء مشروع جديد.
2. سيوفر لك Visual Studio قائمة بقوالب المشروع التي يمكنك الاختيار من بينها.
3. لإنشاء تطبيق نماذج Windows ، ابحث عن تطبيق نموذج Windows وحدده من قائمة القوالب. بمجرد تحديد هذا ، انقر فوق التالي.

   إذا كان تطبيق نموذج Windows الخيار غير متوفر في القائمة ، تعديل الإصدار المثبت لديك من Visual Studio. في Visual Studio Installer ، أضف حمل عمل تطوير سطح المكتب .NET لسطح المكتب والجوال ، وأعد تشغيل Visual Studio.

instagram viewer
4. أضف اسمًا وموقعًا للمشروع ، وانقر فوق التالي. الموقع هو الدليل حيث سيتم تخزين ملفات التعليمات البرمجية.
5. في الشاشة التالية ، احتفظ بالاختيار الافتراضي لـ .NET Core 3.1.
6. انقر خلق.
7. بمجرد انتهاء Visual Studio من إنشاء المشروع ، سيفتح المشروع.

كيفية إضافة عناصر إلى لوحة المشروع

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

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

1. افتح ال عرض علامة التبويب في الجزء العلوي من النافذة ، وحدد صندوق الأدوات.
2. سيؤدي هذا إلى إضافة مربع أدوات إلى الجانب الأيسر من التطبيق. حدد ملف رمز الدبوس في الجزء العلوي الأيمن من مربع الأدوات لتثبيته هناك بشكل دائم.
3. هذا هو المكان الذي يمكنك فيه سحب أي عنصر واجهة مستخدم من مربع الأدوات إلى اللوحة القماشية. قم بتمييز زر من صندوق الأدوات واسحبه إلى اللوحة.
4. اسحب مربعي نص آخرين إلى اللوحة ، مع ثلاثة تسميات (تسميتان لكل مربع نص ، وتسمية واحدة للعنوان في الجزء العلوي من التطبيق).
5. كل عنصر واجهة مستخدم على اللوحة القماشية له خصائص مرتبطة به. قم بتمييز عنصر واجهة مستخدم لعرض ملف الخصائص في الجزء السفلي الأيمن من Visual Studio ، والتي تسرد جميع الخصائص التي تحتوي عليها الأداة. يمكن أن تتضمن هذه الخصائص النص أو الاسم أو حجم الخط أو الحد أو محاذاة الأداة المميزة.
6. في الوقت الحالي ، لا يزال النص الموجود على هذه الأدوات يقول التسمية 1, التسمية 2، أو زر +1. حدد ملف التسمية 1 القطعة وتحرير نص خاصية في نافذة الخصائص لتقول "مئوية إلى فهرنهايت". قم بتغيير حجم الخط ليكون 22 نقطة.
7. وبالمثل ، قم بتحرير خصائص عناصر واجهة المستخدم الأخرى على اللوحة لتكون على النحو التالي:

   القطعة	خاصية	قيمة جديدة
   التسمية 2	نص	درجة مئوية
   التسمية 3	نص	فهرنهايت
   زر	نص	احسب
   مربع نص فهرنهايت	يقرأ فقط	صحيح

كيفية التعامل مع الأحداث وكتابة التعليمات البرمجية في Code-Behind

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

C # هي اللغة المستخدمة عند إنشاء نماذج Windows. إذا لم تكن قد استخدمت C # بالفعل ، هناك العديد من الأسباب العملية لتعلم البرمجة بلغة C #.

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

1. انقر نقرًا مزدوجًا فوق ملف احسب الزر لفتح Form1.cs تلقائيًا بأسلوب حدث جديد:

   حساب الفراغ الخاص - زر_نقر (كائن المرسل ، EventArgs e)

2. هذا هو المكان الذي ستضيف فيه الكود الذي سيؤدي إلى حساب الدرجة المئوية للفهرنهايت ، ويعرض النتيجة في مربع نص فهرنهايت. للقيام بذلك ، يجب أن تكون قادرًا على قراءة القيمة من مربع النص بالدرجة المئوية ، وتعديل مربع نص فهرنهايت لعرض النتيجة.
3. ارجع إلى اللوحة القماشية ، وأعد تحرير الخصائص كما هو موضح من قبل. هذه المرة ، قم بتحرير ملف اسم خاصية مربعي النص Celsius و Fahrenheit. يمكن استخدام هذه الأسماء للإشارة إلى مربعات النص في الكود.

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

4. ارجع إلى دالة calculateButton_Click في Form1.cs.
5. الآن ، يمكن الإشارة إلى مربع نص سيليزيوس في التعليمات البرمجية باستخدام الاسم "celsiusTextBox". يتم تخزين القيمة المئوية التي أدخلها المستخدم في خاصية Text الخاصة به. مع ذلك ، نظرًا لأنها سلسلة ، قم بتحليلها إلى مضاعفة لتضمينها في حسابات فهرنهايت المستقبلية.

   حساب الفراغ الخاص - زر_نقر (كائن المرسل ، EventArgs e)
   {
    // احصل على القيمة التي أدخلها المستخدم في مربع نص سيليزيوس
    درجة مئوية مزدوجة القيمة = ضعف. تحليل (سيليسيوس تيكست بوكس. نص)؛
   }

6. يخزن متغير celsiusValue الآن القيمة التي أدخلها المستخدم في مربع نص سيليزيوس. صيغة التحويل من الدرجة المئوية إلى فهرنهايت هي (مئوية القيمة * 9/5) + 32. لذلك ، يمكن الآن حساب النتيجة وتخزينها في مربع نص فهرنهايت.

   حساب الفراغ الخاص - زر_نقر (كائن المرسل ، EventArgs e)
   {
    // احصل على القيمة التي أدخلها المستخدم في مربع نص سيليزيوس
    درجة مئوية مزدوجة القيمة = ضعف. تحليل (سيليسيوس تيكست بوكس. نص)؛
    // تطبيق الحساب
    نتيجة مزدوجة = (مئوية القيمة * 9/5) + 32 ؛
    // قم بتخزين النتيجة في مربع نص فهرنهايت
    فهرنهايت نص = نتيجة. إلى سلسلة()؛
   }

كيفية تشغيل برنامج Windows Forms وتصحيحه

تشغيل برنامج نماذج Windows في Visual Studio

الآن بعد أن تم إعداد واجهة المستخدم ومنطق التعليمات البرمجية ، قم بتشغيل البرنامج لرؤيته يعمل.

1. لتشغيل البرنامج ، حدد السهم الأخضر أعلى شريط الأدوات في Visual Studio.
2. بمجرد تحميل المشروع ، أضف قيمة إلى مربع النص بالدرجة المئوية واضغط على ملف احسب زر. سيضيف هذا النتيجة إلى مربع نص فهرنهايت.
3. إذا كان البرنامج ضبابيًا في وقت التشغيل ، فمن المحتمل أن التطبيق الخاص بك لا يعرف DPI. يمكن أن يتسبب هذا في حدوث مشكلات في القياس والحل ، لذا يجب تمكين هذا. يمكنك أيضا قراءة المزيد عن تكوين مقياس العرض على نظام التشغيل Windows 10 لشاشات العرض عالية النقاط في البوصة.
4. انقر بزر الماوس الأيمن فوق ملف مشروع TemperatureConverter في ال مستكشف الحلول. يختار يضيف، ثم حدد عنصر جديد.
5. ابحث عن ملف بيان التطبيق ، وانقر فوق يضيف.
6. انسخ الكود التالي إلى ملف app.manifest الجديد ، باعتباره تابعًا لعلامة التجميع (إذا تم إنشاء الكود بالفعل ، فقم فقط بإلغاء التعليق عليه).

   
   
   صحيح
   صحيح
   
   

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

تصحيح أخطاء برنامج نماذج Windows

قد ترغب في تصحيح أخطاء البرنامج إذا كان منطق تطبيق Windows Forms لا يعمل كما هو متوقع.

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

تشغيل البرنامج باستخدام ملف قابل للتنفيذ

إذا كنت لا ترغب في تشغيل البرنامج من خلال Visual Studio ، فاستخدم الملف القابل للتنفيذ المستقل للبرنامج. يتم إنشاء هذا تلقائيًا.

1. انتقل إلى الملف القابل للتنفيذ ، والذي يمكن العثور عليه هنا:

   /bin/Debug/netcoreapp3.1/TemperatureConverter.exe

2. انقر فوق الملف القابل للتنفيذ لتشغيل البرنامج مباشرة.

إضافة المزيد إلى نموذج Windows الخاص بك

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

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

استخدم Chrome لإنشاء تطبيق Windows 10 من أي موقع ويب

اقرأ التالي

عن المؤلف