Kā pievienot grafiku C# Windows veidlapas lietojumprogrammai

Windows Forms ir ietvars, kas ļauj veidot darbvirsmas lietojumprogrammas. Varat noklikšķināt un vilkt komponentus, piemēram, pogas, uz vizuālo lietotāja interfeisu. Tas arī palīdz manuāli izveidot dažādas formas savā kodā.

Šajā rakstā tiks parādīts, kā lietojumprogrammai pievienot līnijas, formas un attēlus. Šajā apmācībā piemēru rādīšanai tiek izmantots Visual Studio 2019 Community Edition.

Kādas ir iebūvētās klases, ko izmanto grafikas zīmēšanai?

Windows Forms izmanto C# programmēšanas valoda. Tās iebūvētās klases un metodes ļauj zīmēt dažādas formas uz Windows Form audekla. Tie ietver Grafikas, Pildspalvas, Krāsu un Otas klases.

Lai skatītu iepriekš minētās apmācības parauga pirmkodu, apmeklējiet vietni GitHub repozitorijs. Kad esat to izdarījis, varat izmēģināt tālāk norādītos piemērus izveidoja Winforms aplikāciju.

Kā pievienot krāsu veidlapas ielādes notikumu apstrādātājam

Vispirms pievienojiet notikumu apdarinātāju, lai zīmētu formas, kad tiek ielādēts audekls.

1. Pievienojiet veidlapai funkciju Paint.

   Private Void Form1_Paint (objekta sūtītājs, PaintEventArgs e)
   {
    // Kods iet šeit
   }

2. Dodieties uz cilni Dizaina skats.
3. Logā Properties atlasiet zibens ikonu, lai atvērtu cilni "Notikumi".
4. Sadaļā "Paint" sadaļā "Izskats" atlasiet funkciju Form1_Paint. Tas izpildīs funkciju, kad palaižat lietojumprogrammu.

Kā zīmēt līnijas uz Windows veidlapas audekla

Lai uz audekla zīmētu līnijas, varat izmantot Color, Pen un DrawLine() metodi.

1. Funkcijā Form1_Paint() izveidojiet Color objektu ar krāsu, kādu vēlaties izveidot līniju. Pēc tam izveidojiet pildspalvas objektu, ar kuru novilkt līniju.

   Krāsa melna = krāsa. FromArgb (255, 0, 0, 0);
   Pildspalva blackPen = jauna pildspalva (melna);
   

2. Grafikas klases metode DrawLine() zīmēs līniju, izmantojot pildspalvu. Tas sāks vilkt līniju no x, y pozīcijas uz citu x, y pozīciju.

   e. Grafika. DrawLine (blackPen, 300, 200, 800, 200);
   

3. Varat modificēt pildspalvas objekta rekvizītus, lai mainītu tā platumu, domuzīmju stilu un sākuma vai beigu vāciņu.

   melna pildspalva. Platums = 20;
   melna pildspalva. DashStyle = Sistēma. Zīmējums. Drawing2D.DashStyle. domuzīme;
   melna pildspalva. StartCap = Sistēma. Zīmējums. Drawing2D.LineCap. ArrowAnchor;
   e. Grafika. DrawLine (blackPen, 300, 200, 800, 200);
   

4. Nospiediet zaļo atskaņošanas pogu Visual Studio augšpusē, lai redzētu izmaiņas.

Kā zīmēt formas, piemēram, taisnstūrus un apļus

Varat izmantot formu klases dažādām formām vai manuāli zīmēt formas uz audekla.

1. Izveidojiet krāsu un pildspalvas objektu, kā parādīts iepriekšējās darbībās. Pēc tam izmantojiet metodi DrawRectangle(), lai izveidotu taisnstūri. Argumenti ir x un y koordinātas taisnstūra augšējā kreisajā stūrī, kā arī tā platumu un augstumu.

   Krāsa sarkana = krāsa. FromArgb (255, 255, 0, 0);
   Pildspalva redPen = jauna pildspalva (sarkana);
   sarkanā pildspalva. Platums = 5;
   e. Grafika. DrawRectangle (redPen, 100, 100, 500, 200);
   

2. Varat arī izveidot taisnstūri, izmantojot taisnstūra klasi. Vispirms izveidojiet taisnstūra objektu. Argumenti ir arī x un y koordinātas augšējā kreisajā stūrī, platumā un augstumā.

   Taisnstūris taisnstūris = jauns taisnstūris (100, 350, 500, 200);
   

3. Izmantojiet funkciju DrawRectangle(), lai zīmētu taisnstūri. Tā vietā, lai ievadītu x, y, platumu un augstumu, kā iepriekš, varat izmantot objektu Taisnstūris.

   e. Grafika. DrawRectangle (sarkansPen, taisnstūris);
   

4. Nospiediet zaļo atskaņošanas pogu Visual Studio augšpusē, lai redzētu izmaiņas.
5. Atgriezieties pie koda, lai zīmētu citas formas. Izmantojiet funkciju DrawEllipse(), lai uzzīmētu apli.

   Zaļa krāsa = krāsa. FromArgb (255, 0, 255, 0);
   Pildspalva greenPen = jauna pildspalva (zaļa);
   zaļā pildspalva. Platums = 5;
   e. Grafika. DrawEllipse (greenPen, 400, 150, 400, 400);

   Zīmējot apli, x un y koordinātas (x=400, y=150) attiecas uz apļa augšējo kreiso stūri, nevis uz apļa centru.
6. Lai zīmētu citas formas, piemēram, trīsstūrus vai sešstūrus, izmantojiet metodi DrawPolygon(). Šeit varat norādīt koordinātu sarakstu, lai attēlotu formas punktus.

   Krāsa zila = krāsa. FromArgb (255, 0, 0, 255);
   Pildspalva bluePen = jauna pildspalva (zila);
   zilā pildspalva. Platums = 5;
   PointF[] koordinātesTrīsstūrim = jauns punktsF[] {
    jauns punktsF(400, 150),
    jauns punktsF(300, 300),
    jauns punktsF(500, 300)
   };
   e. Grafika. Draw Polygon (zilā pildspalva, koordinātesTrīsstūrim);
   

   Metode DrawPolygon() novilks līnijas starp norādītajiem punktiem. ​​​​​​

Kā izmantot otu klasi, lai aizpildītu formas ar krāsu

Varat izmantot metodes FillRectangle(), FillEllipses() vai FillTriangle(), lai izveidotu formas ar vienkrāsainu.

1. Vispirms izveidojiet otas objektu.

   Krāsa violeta = krāsa. FromArgb (255, 128, 0, 0);
   SolidBrush solidBrush = jauns SolidBrush (violeta);

2. Izmantojiet metodes FillRectangle(), FillEllipses() vai FillTriangle(). Tie darbojas tāpat kā iepriekš minētās zīmēšanas funkcijas, izņemot pildspalvas vietā, izmantojot Brush objektu.

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

3. Varat arī tieši ievadīt formas objektu, nevis norādīt koordinātas.

   Taisnstūris taisnstūris = jauns taisnstūris (100, 350, 500, 200);
   e. Grafika. FillRectangle (solidBrush, taisnstūris);

4. Izmantojiet HatchBrush, lai aizpildītu formu, izmantojot citu aizpildīšanas stilu, piemēram, horizontālu vai vertikālu rakstu.

   Krāsa zila = krāsa. FromArgb (255, 0, 0, 255);
   Zaļa krāsa = krāsa. FromArgb (255, 0, 255, 0);
   HatchBrush hatchBrush = jauna HatchBrush (HatchStyle. Horizontāli, zaļa, zila);
   e. Grafika. FillRectangle (hatchBrush, 50, 50, 200, 250);

5. Varat izmantot TextureBrush, lai aizpildītu formu, izmantojot attēlu. Šeit izveidojiet bitkarti, norādot uz attēla failu. Tā vietā, lai izveidotu otu, izmantojot krāsu, izveidojiet to, izmantojot attēlu.

   Bitkartes attēls = (Bitmap) attēls. FromFile(@"C:\Users\Sharl\Desktop\flag.bmp", true);
   TextureBrush textureBrush = jauns TextureBrush (attēls);
   e. Grafika. FillRectangle (textureBrush, 100, 100, 500, 400);

Kā atveidot attēlus veidlapā

Lai renderētu attēlu, izveidojiet PictureBox vadības objektu un pievienojiet to formai.

1. Izveidojiet PictureBox vadības objektu, izmantojot attēla failu.

   PictureBox attēls = jauns PictureBox();
   bilde. ImageLocation = @"C:\Users\Sharl\Desktop\flagLarge.bmp";
   

2. Iestatiet attēla izmēru un pievienojiet to veidlapai, lai tas tiktu renderēts.

   bilde. SizeMode = PictureBoxSizeMode. AutoSize;
   šis. Vadības ierīces. Pievienot (attēls);

3. Lai skatītu attēlu, nospiediet zaļo sākuma pogu augšpusē.

Papildu formu pievienošana savai Windows veidlapai

Tagad jums vajadzētu saprast, kā pievienot līnijas, formas un attēlus savai Windows veidlapai. Varat apvienot formas, lai izveidotu jaunas formas. Varat arī spēlēties ar iebūvētajām funkcijām, lai izveidotu sarežģītākas formas.

Par autoru

Šarlīna fon Drēnena (Publicēti 7 raksti)

Šarlīna ir MUO tehnoloģiju rakstniece, kā arī pilnu slodzi strādā programmatūras izstrādē. Viņai ir IT bakalaura grāds un iepriekšēja pieredze kvalitātes nodrošināšanā un augstskolu apmācībā. Šarlīnai patīk spēlēt un spēlēt klavieres.

Vairāk no Šarlīnas fon Drehnenas