كيفية إضافة رسومات إلى تطبيق نموذج C # Windows

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

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

ما هي الفئات المضمنة المستخدمة في رسم الرسومات؟

تستخدم Windows Forms ملفات لغة البرمجة C #. تسمح لك الفئات والأساليب المضمنة برسم أشكال مختلفة على لوحة Windows Form. تتضمن هذه الفئات فئات الرسومات والقلم واللون والفرشاة.

لعرض الكود المصدري لمثال قيد التشغيل من البرنامج التعليمي أعلاه ، قم بزيارة مستودع جيثب. يمكنك تجربة الأمثلة التالية بمجرد الانتهاء إنشاء تطبيق Winforms.

كيفية إضافة طلاء على معالج حدث تحميل النموذج

أولاً ، أضف معالج حدث لرسم الأشكال عند تحميل اللوحة القماشية.

1. أضف وظيفة الرسام للنموذج.

   Form1_Paint باطل خاص (مرسل الكائن ، PaintEventArgs e)
   {
    // كود هنا
   }

2. انتقل إلى علامة التبويب Design View.
3. في نافذة الخصائص ، حدد رمز البرق لفتح علامة التبويب "الأحداث".
4. في "الرسام" ، ضمن "المظهر" ، حدد وظيفة Form1_Paint. سيؤدي هذا إلى تنفيذ الوظيفة عند تشغيل التطبيق.

كيفية رسم خطوط على لوحة نموذج Windows

يمكنك استخدام طريقة Color و Pen و DrawLine () لرسم خطوط على قماش.

1. داخل وظيفة Form1_Paint () ، قم بإنشاء كائن لون باللون الذي تريد أن يكون الخط فيه. ثم ، قم بإنشاء كائن Pen لرسم الخط به.

   اللون الأسود = اللون. FromArgb (255، 0، 0، 0) ؛
   Pen blackPen = قلم جديد (أسود) ؛
   

2. طريقة DrawLine () من فئة الرسومات سترسم خطًا باستخدام القلم. سيبدأ هذا في رسم خط من الموضعين x و y إلى موضع x و y آخر.

   ه. الرسومات. DrawLine (قلم أسود ، 300 ، 200 ، 800 ، 200) ؛
   

3. يمكنك تعديل خصائص كائن القلم لتغيير عرضه ونمط الشرطة وغطاء البداية أو النهاية.

   أسود القلم. العرض = 20 ؛
   أسود القلم. DashStyle = النظام. رسم. Drawing2D.DashStyle. اندفاع؛
   أسود القلم. StartCap = النظام. رسم. Drawing2D.LineCap. ArrowAnchor.
   ه. الرسومات. DrawLine (قلم أسود ، 300 ، 200 ، 800 ، 200) ؛
   

4. اضغط على زر التشغيل الأخضر أعلى Visual Studio لرؤية التغييرات.

كيفية رسم الأشكال مثل المستطيلات والدوائر

يمكنك استخدام فئات الأشكال لأشكال مختلفة ، أو رسم الأشكال يدويًا على اللوحة.

1. قم بإنشاء كائن Color and Pen كما هو موضح في الخطوات السابقة. ثم استخدم طريقة DrawRectangle () لإنشاء المستطيل. الوسيطات هي إحداثيات x و y لأعلى يسار المستطيل ، جنبًا إلى جنب مع عرضه وارتفاعه.

   اللون الأحمر = اللون. FromArgb (255، 255، 0، 0) ؛
   القلم redPen = قلم جديد (أحمر) ؛
   قلم احمر. العرض = 5 ؛
   ه. الرسومات. DrawRectangle (قلم أحمر ، 100 ، 100 ، 500 ، 200) ؛
   

2. يمكنك أيضًا إنشاء مستطيل باستخدام فئة المستطيل. أولاً ، قم بإنشاء كائن مستطيل. الوسيطات هي أيضًا إحداثيات x و y للركن العلوي الأيسر والعرض والارتفاع.

   مستطيل مستطيل = مستطيل جديد (100 ، 350 ، 500 ، 200) ؛
   

3. استخدم الدالة DrawRectangle () لرسم المستطيل. بدلاً من تمرير x و y والعرض والارتفاع كما كان من قبل ، يمكنك استخدام كائن المستطيل بدلاً من ذلك.

   ه. الرسومات. DrawRectangle (redPen ، مستطيل) ؛
   

4. اضغط على زر التشغيل الأخضر أعلى Visual Studio لرؤية التغييرات.
5. ارجع إلى الكود لرسم أشكال أخرى. استخدم وظيفة DrawEllipse () لرسم دائرة.

   اللون الأخضر = اللون. FromArgb (255، 0، 255، 0) ؛
   القلم greenPen = قلم جديد (أخضر) ؛
   اخضر العرض = 5 ؛
   ه. الرسومات. DrawEllipse (قلم أخضر ، 400 ، 150 ، 400 ، 400) ؛

   عندما ترسم دائرة ، فإن إحداثيات س وص (س = 400 ، ص = 150) تشير إلى الزاوية العلوية اليسرى من الدائرة ، وليس مركز الدائرة.
6. لرسم أشكال أخرى مثل المثلثات أو الأشكال السداسية ، استخدم طريقة DrawPolygon (). هنا يمكنك تحديد قائمة إحداثيات لتمثيل نقاط الشكل.

   اللون الأزرق = اللون. FromArgb (255، 0، 0، 255) ؛
   القلم bluePen = قلم جديد (أزرق) ؛
   قلم ازرق. العرض = 5 ؛
   PointF []inatesForTriangle = نقطة جديدة [] {
    نقطة جديدة F (400 ، 150) ،
    نقطة جديدة F (300 ، 300) ،
    new PointF (500، 300)
   };
   ه. الرسومات. DrawPolygon (قلم أزرق ، إحداثيات لمثلث) ؛
   

   ستعمل طريقة DrawPolygon () على رسم خطوط بين النقاط المحددة. ​​​​​​

كيفية استخدام فئة الفرشاة لملء الأشكال بالألوان

يمكنك استخدام أساليب FillRectangle () أو FillEllipses () أو FillTriangle () لإنشاء أشكال بلون خالص.

1. أولاً ، قم بإنشاء كائن فرشاة.

   اللون البنفسجي = اللون. FromArgb (255، 128، 0، 0) ؛
   SolidBrush solidBrush = فرشاة سوليد جديدة (أرجوانية) ؛

2. استخدم أساليب FillRectangle () أو FillEllipses () أو FillTriangle (). إنها تعمل بنفس طريقة وظائف الرسم أعلاه ، باستثناء استخدام كائن Brush بدلاً من القلم.

   ه. الرسومات. FillRectangle (SolidBrush ، 50 ، 50 ، 200 ، 250) ؛
   ه. الرسومات. FillEllipse (SolidBrush ، 300 ، 50 ، 200 ، 200) ؛
   ه. الرسومات. FillPolygon (SolidBrush، new PointF [] {new PointF (700، 150)، new PointF (600، 300)، new PointF (800، 300)})؛

3. يمكنك أيضًا إدخال كائن شكل مباشرةً بدلاً من توفير الإحداثيات.

   مستطيل مستطيل = مستطيل جديد (100 ، 350 ، 500 ، 200) ؛
   ه. الرسومات. FillRectangle (SolidBrush ، مستطيل) ؛

4. استخدم الفرشاة HatchBrush لتعبئة الشكل باستخدام نمط تعبئة مختلف ، مثل نقش أفقي أو عمودي.

   اللون الأزرق = اللون. FromArgb (255، 0، 0، 255) ؛
   اللون الأخضر = اللون. FromArgb (255، 0، 255، 0) ؛
   HatchBrush hatchBrush = فرشاة HatchBrush جديدة (HatchStyle. أفقي ، أخضر ، أزرق) ؛
   ه. الرسومات. FillRectangle (hatchBrush ، 50 ، 50 ، 200 ، 250) ؛

5. يمكنك استخدام TextureBrush لتعبئة شكل باستخدام صورة. هنا ، قم بإنشاء صورة نقطية بالإشارة إلى ملف صورة. بدلاً من إنشاء فرشاة باستخدام لون ، قم بإنشائه باستخدام الصورة.

   صورة نقطية = صورة (نقطية). FromFile (@ "C: \ Users \ Sharl \ Desktop \ flag.bmp"، true) ؛
   TextureBrush fabricBrush = فرشاة TextureBrush جديدة (صورة) ؛
   ه. الرسومات. FillRectangle (فرشاة الملمس ، 100 ، 100 ، 500 ، 400) ؛

كيفية عرض الصور في النموذج

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

1. قم بإنشاء كائن تحكم PictureBox باستخدام ملف صورة.

   PictureBox picture = new PictureBox () ؛
   صورة. ImageLocation = @ "C: \ Users \ Sharl \ Desktop \ flagLarge.bmp" ؛
   

2. اضبط حجم الصورة وأضفها إلى النموذج بحيث يتم عرضها.

   صورة. SizeMode = PictureBoxSizeMode. حجم تلقائي
   هذه. ضوابط. إضافة الصورة)؛

3. اضغط على زر البدء الأخضر في الأعلى لعرض الصورة.

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

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

نبذة عن الكاتب

شارلين فون درينين (7 مقالات منشورة)

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

المزيد من Sharlene Von Drehnen