Cum să adăugați grafice la o aplicație C# Windows Form

Windows Forms este un cadru care vă permite să creați aplicații desktop. Puteți face clic și trage componente precum butoanele într-o interfață vizuală de utilizator. De asemenea, vă ajută să creați manual diferite forme în codul dvs.

Acest articol vă va arăta cum să adăugați linii, forme și imagini în aplicația dvs. Acest tutorial folosește Visual Studio 2019 Community Edition pentru a afișa exemple.

Care sunt clasele încorporate utilizate pentru desenarea grafică?

Windows Forms folosește Limbajul de programare C#. Clasele și metodele sale încorporate vă permit să desenați diferite forme pe o pânză Windows Form. Acestea includ clasele Graphics, Pen, Color și Brush.

Pentru a vedea codul sursă pentru un exemplu de rulare al tutorialului de mai sus, vizitați Depozitul GitHub. Puteți încerca următoarele exemple după ce le-ați făcut a creat o aplicație Winforms.

Cum se adaugă un handler de evenimente Paint on Form Load

Mai întâi, adăugați un handler de evenimente pentru a desena forme atunci când se încarcă pânza.

1. Adăugați o funcție Paint pentru formular.

   private void Form1_Paint (expedător obiect, PaintEventArgs e)
   {
    // Codul merge aici
   }

2. Accesați fila Vizualizare design.
3. În fereastra Proprietăți, selectați pictograma fulger pentru a deschide fila „Evenimente”.
4. În „Paint”, sub „Appearance”, selectați funcția Form1_Paint. Aceasta va executa funcția atunci când rulați aplicația.

Cum să desenezi linii pe o pânză de formular Windows

Puteți folosi metoda Color, Pen și DrawLine() pentru a desena linii pe o pânză.

1. În interiorul funcției Form1_Paint(), creați un obiect Color cu culoarea pe care doriți să fie linia. Apoi, creați un obiect Pen cu care să desenați linia.

   Culoare negru = Culoare. FromArgb (255, 0, 0, 0);
   Pen blackPen = stilou nou (negru);
   

2. Metoda DrawLine() din clasa Graphics va desena o linie folosind creionul. Aceasta va începe să deseneze o linie de la o poziție x, y la o altă poziție x, y.

   e. Grafică. DrawLine (blackPen, 300, 200, 800, 200);
   

3. Puteți modifica proprietățile obiectului stilou pentru a-și schimba lățimea, stilul liniuței și capacul de început sau de sfârșit.

   stilou negru. Latime = 20;
   stilou negru. DashStyle = Sistem. Desen. Drawing2D.DashStyle. Dash;
   stilou negru. StartCap = Sistem. Desen. Desen2D.LineCap. ArrowAnchor;
   e. Grafică. DrawLine (blackPen, 300, 200, 800, 200);
   

4. Apăsați butonul verde de redare din partea de sus a Visual Studio pentru a vedea modificările.

Cum să desenezi forme precum dreptunghiuri și cercuri

Puteți utiliza clasele de forme pentru diferite forme sau puteți desena forme manual pe pânză.

1. Creați un obiect Culoare și stilou așa cum se arată în pașii anteriori. Apoi, utilizați metoda DrawRectangle() pentru a crea dreptunghiul. Argumentele sunt coordonatele x și y pentru partea din stânga sus a dreptunghiului, împreună cu lățimea și înălțimea acestuia.

   Culoare roșu = Culoare. FromArgb (255, 255, 0, 0);
   Pen redPen = stilou nou (roșu);
   stilou roșu. Latime = 5;
   e. Grafică. DrawRectangle (redPen, 100, 100, 500, 200);
   

2. De asemenea, puteți crea un dreptunghi folosind Clasa Rectangle. Mai întâi, creați un obiect dreptunghi. Argumentele sunt, de asemenea, coordonatele x și y pentru colțul din stânga sus, lățime și înălțime.

   dreptunghi dreptunghi = nou dreptunghi (100, 350, 500, 200);
   

3. Utilizați funcția DrawRectangle() pentru a desena dreptunghiul. În loc să treceți x, y, lățimea și înălțimea ca înainte, puteți utiliza obiectul Rectangle.

   e. Grafică. DrawRectangle (redPen, dreptunghi);
   

4. Apăsați butonul verde de redare din partea de sus a Visual Studio pentru a vedea modificările.
5. Reveniți la cod pentru a desena alte forme. Utilizați funcția DrawEllipse() pentru a desena un cerc.

   Culoare verde = Culoare. FromArgb (255, 0, 255, 0);
   Pen greenPen = Pen nou (verde);
   GreenPen. Latime = 5;
   e. Grafică. DrawEllipse (greenPen, 400, 150, 400, 400);

   Când desenați un cerc, coordonatele x și y (x=400, y=150) se referă la colțul din stânga sus al cercului, nu la centrul cercului.
6. Pentru a desena alte forme, cum ar fi triunghiuri sau hexagoane, utilizați metoda DrawPolygon(). Aici puteți specifica o listă de coordonate pentru a reprezenta punctele formei.

   Culoare albastru = Culoare. FromArgb (255, 0, 0, 255);
   Pen bluePen = Pen nou (albastru);
   BluePen. Latime = 5;
   PunctF[] coordonateForTriangle = PunctF nou[] {
    Punct nou F(400, 150),
    Punct nou F(300, 300),
    Punct nou F(500, 300)
   };
   e. Grafică. DrawPolygon (bluePen, coordonateForTriangle);
   

   Metoda DrawPolygon() va desena linii între punctele specificate. ​​​​​​

Cum să utilizați clasa de pensule pentru a completa formele cu culoare

Puteți utiliza metodele FillRectangle(), FillEllipses() sau FillTriangle() pentru a crea forme cu o culoare solidă.

1. Mai întâi, creați un obiect pensulă.

   Culoare violet = Culoare. FromArgb (255, 128, 0, 0);
   SolidBrush solidBrush = SolidBrush nou (violet);

2. Utilizați metodele FillRectangle(), FillEllipses() sau FillTriangle(). Ele funcționează în același mod ca și funcțiile de desen de mai sus, cu excepția faptului că în loc de un stilou, folosesc un obiect Penie.

   e. Grafică. FillRectangle (solidBrush, 50, 50, 200, 250);
   e. Grafică. FillEllipse (solidBrush, 300, 50, 200, 200);
   e. Grafică. FillPolygon (solidBrush, nou PointF[] { nou PointF(700, 150), nou PointF(600, 300), nou PointF(800, 300) });

3. De asemenea, puteți introduce un obiect formă direct în loc să furnizați coordonatele.

   dreptunghi dreptunghi = nou dreptunghi (100, 350, 500, 200);
   e. Grafică. FillRectangle (solidBrush, dreptunghi);

4. Utilizați HatchBrush pentru a umple forma folosind un stil de umplere diferit, cum ar fi un model orizontal sau vertical.

   Culoare albastru = Culoare. FromArgb (255, 0, 0, 255);
   Culoare verde = Culoare. FromArgb (255, 0, 255, 0);
   HatchBrush hatchBrush = HatchBrush nou (HatchStyle. Orizontal, verde, albastru);
   e. Grafică. FillRectangle (hatchBrush, 50, 50, 200, 250);

5. Puteți folosi TextureBrush pentru a umple o formă folosind o imagine. Aici, creați un bitmap arătând spre un fișier imagine. În loc să creați o pensulă folosind o culoare, creați-o folosind imaginea.

   Imagine bitmap = (Bitmap) Imagine. FromFile(@"C:\Users\Sharl\Desktop\flag.bmp", true);
   TextureBrush textureBrush = nou TextureBrush (imagine);
   e. Grafică. FillRectangle (textureBrush, 100, 100, 500, 400);

Cum să redați imagini pe formular

Pentru a reda o imagine, creați un obiect de control PictureBox și adăugați-l în formular.

1. Creați un obiect de control PictureBox folosind un fișier imagine.

   PictureBox imagine = nou PictureBox();
   imagine. ImageLocation = @"C:\Users\Sharl\Desktop\flagLarge.bmp";
   

2. Setați dimensiunea imaginii și adăugați-o pe formular, astfel încât să fie randat.

   imagine. SizeMode = PictureBoxSizeMode. AutoSize;
   acest. Controale. Adăugați (poza);

3. Apăsați butonul verde de pornire din partea de sus pentru a vizualiza imaginea.

Adăugarea mai multor forme la formularul Windows

Acum ar trebui să înțelegeți cum să adăugați linii, forme și imagini în formularul dvs. Windows. Puteți combina forme pentru a crea forme noi. De asemenea, vă puteți juca cu funcțiile încorporate pentru a crea forme mai complexe.

Despre autor

Sharlene Von Drehnen (7 articole publicate)

Sharlene este scriitoare tehnică la MUO și lucrează, de asemenea, cu normă întreagă în dezvoltarea de software. Ea are o licență în IT și are experiență anterioară în asigurarea calității și tutorat universitar. Sharlene iubește să joace și să cânte la pian.

Mai multe de la Sharlene Von Drehnen