כיצד להוסיף גרפיקה ליישום טופס C# של Windows

Windows Forms היא מסגרת המאפשרת לך לבנות יישומי שולחן עבודה. אתה יכול ללחוץ ולגרור רכיבים כמו לחצנים אל ממשק משתמש ויזואלי. זה גם עוזר לך ליצור באופן ידני צורות שונות בתוך הקוד שלך.

מאמר זה יראה לך כיצד להוסיף קווים, צורות ותמונות ליישום שלך. מדריך זה משתמש במהדורת הקהילה של Visual Studio 2019 כדי להציג דוגמאות.

מהן הכיתות המובנות המשמשות לציור גרפיקה?

Windows Forms משתמש ב- שפת תכנות C#. המחלקות והשיטות המובנות שלו מאפשרות לך לצייר צורות שונות על בד של Windows Form. אלה כוללים את שיעורי גרפיקה, עט, צבע ומברשת.

כדי להציג את קוד המקור עבור דוגמה פועלת של המדריך לעיל, בקר ב- מאגר GitHub. אתה יכול לנסות את הדוגמאות הבאות לאחר שתעשה זאת יצר יישום Winforms.

כיצד להוסיף צבע על מטפל באירועי טופס

ראשית, הוסף מטפל באירועים כדי לצייר צורות כאשר הקנבס נטען.

1. הוסף פונקציית Paint עבור הטופס.

   ריק פרטי Form1_Paint (שולח אובייקט, PaintEventArgs e)
   {
    // הקוד נכנס לכאן
   }

2. היכנסו ללשונית תצוגת עיצוב.
3. בחלון המאפיינים, בחר את סמל הברק כדי לפתוח את הכרטיסייה "אירועים".
4. ב"צייר", תחת "מראה", בחר את הפונקציה Form1_Paint. זה יבצע את הפונקציה בעת הפעלת היישום.

כיצד לצייר קווים על בד ציור של Windows

ניתן להשתמש ב-Color, Pen ובשיטת DrawLine() כדי לצייר קווים על בד.

1. בתוך הפונקציה Form1_Paint(), צור אובייקט Color עם הצבע שאתה רוצה שהקו יהיה. לאחר מכן, צור אובייקט עט לשרטט את הקו איתו.

   צבע שחור = צבע. FromArgb (255, 0, 0, 0);
   Pen blackPen = עט חדש (שחור);
   

2. שיטת DrawLine() מהמחלקה Graphics תצייר קו באמצעות העט. זה יתחיל לצייר קו ממיקום x, y למיקום x, y אחר.

   ה. גרָפִיקָה. DrawLine (BlackPen, 300, 200, 800, 200);
   

3. אתה יכול לשנות את המאפיינים של אובייקט העט כדי לשנות את הרוחב, סגנון המקף, ואת ההתחלה או הקצה שלו.

   עט שחור. רוחב = 20;
   עט שחור. DashStyle = מערכת. צִיוּר. Drawing2D.DashStyle. לזנק;
   עט שחור. StartCap = מערכת. צִיוּר. Drawing2D.LineCap. ArrowAnchor;
   ה. גרָפִיקָה. DrawLine (BlackPen, 300, 200, 800, 200);
   

4. לחץ על לחצן ההפעלה הירוק בחלק העליון של Visual Studio כדי לראות את השינויים.

איך לצייר צורות כמו מלבנים ומעגלים

אתה יכול להשתמש במחלקות הצורות עבור צורות שונות, או לצייר צורות באופן ידני על הבד.

1. צור אובייקט צבע ועט כפי שמוצג בשלבים הקודמים. לאחר מכן, השתמש בשיטת DrawRectangle() כדי ליצור את המלבן. הארגומנטים הם קואורדינטות x ו-y עבור החלק השמאלי העליון של המלבן, יחד עם הרוחב והגובה שלו.

   צבע אדום = צבע. FromArgb (255, 255, 0, 0);
   Pen redPen = עט חדש (אדום);
   עט אדום. רוחב = 5;
   ה. גרָפִיקָה. DrawRectangle (RedPen, 100, 100, 500, 200);
   

2. אתה יכול גם ליצור מלבן באמצעות מחלקת המלבן. ראשית, צור אובייקט מלבן. הארגומנטים הם גם קואורדינטות x ו-y עבור הפינה השמאלית העליונה, הרוחב והגובה.

   מלבן מלבן = מלבן חדש (100, 350, 500, 200);
   

3. השתמש בפונקציה DrawRectangle() כדי לצייר את המלבן. במקום להעביר את ה-x, y, הרוחב והגובה כמו קודם, אתה יכול להשתמש באובייקט המלבן במקום.

   ה. גרָפִיקָה. DrawRectangle (אדום Pen, מלבן);
   

4. לחץ על לחצן ההפעלה הירוק בחלק העליון של Visual Studio כדי לראות את השינויים.
5. חזור לקוד כדי לצייר צורות אחרות. השתמש בפונקציה DrawEllipse() כדי לצייר עיגול.

   צבע ירוק = צבע. FromArgb (255, 0, 255, 0);
   Pen greenPen = עט חדש (ירוק);
   עט ירוק. רוחב = 5;
   ה. גרָפִיקָה. DrawEllipse (גריןPen, 400, 150, 400, 400);

   כאשר אתה מצייר מעגל, קואורדינטות ה-x וה-y (x=400, y=150) מתייחסות לפינה השמאלית העליונה של המעגל, לא למרכז המעגל.
6. כדי לצייר צורות אחרות כגון משולשים או משושים, השתמש בשיטת DrawPolygon(). כאן אתה יכול לציין רשימה של קואורדינטות כדי לייצג את נקודות הצורה.

   צבע כחול = צבע. FromArgb (255, 0, 0, 255);
   Pen bluePen = עט חדש (כחול);
   עט כחול. רוחב = 5;
   PointF[] coordinatesForTriangle = New PointF[] {
    new PointF(400, 150),
    new PointF(300, 300),
    new PointF(500, 300)
   };
   ה. גרָפִיקָה. DrawPolygon (עט כחול, קואורדינטות למשולש);
   

   שיטת DrawPolygon() תצייר קווים בין הנקודות שצוינו. ​​​​​​

כיצד להשתמש במחלקת המברשות למילוי צורות בצבע

אתה יכול להשתמש בשיטות FillRectangle(), FillEllipses() או FillTriangle() כדי ליצור צורות עם צבע אחיד.

1. ראשית, צור אובייקט מברשת.

   צבע סגול = צבע. FromArgb (255, 128, 0, 0);
   SolidBrush solidBrush = SolidBrush חדש (סגול);

2. השתמש בשיטות FillRectangle(), FillEllipses() או FillTriangle(). הם פועלים באותו אופן כמו פונקציות הציור שלמעלה, אלא שבמקום עט, הם משתמשים באובייקט מברשת.

   ה. גרָפִיקָה. FillRectangle (סולידBrush, 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 (סוליד מברשת, מלבן);

4. השתמש במברשת HatchBrush כדי למלא את הצורה באמצעות סגנון מילוי אחר, כגון תבנית אופקית או אנכית.

   צבע כחול = צבע. FromArgb (255, 0, 0, 255);
   צבע ירוק = צבע. FromArgb (255, 0, 255, 0);
   HatchBrush hatchBrush = HatchBrush חדש (HatchStyle. אופקי, ירוק, כחול);
   ה. גרָפִיקָה. FillRectangle (hatchBrush, 50, 50, 200, 250);

5. אתה יכול להשתמש במברשת הטקסטורה כדי למלא צורה באמצעות תמונה. כאן, צור מפת סיביות על ידי הצבעה על קובץ תמונה. במקום ליצור מברשת באמצעות צבע, צור אותה באמצעות התמונה.

   תמונת Bitmap = (Bitmap) תמונה. FromFile(@"C:\Users\Sharl\Desktop\flag.bmp", true);
   TextureBrush textureBrush = חדש TextureBrush (תמונה);
   ה. גרָפִיקָה. FillRectangle (textureBrush, 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 ועובדת גם במשרה מלאה בפיתוח תוכנה. יש לה תואר ראשון ב-IT ויש לה ניסיון קודם בהבטחת איכות ובהדרכה אוניברסיטאית. שרלין אוהבת לשחק ולנגן בפסנתר.

עוד מאת שרלין פון דרהנן