Kako dodati grafiko v aplikacijo C# Windows Form

Windows Forms je okvir, ki vam omogoča gradnjo namiznih aplikacij. Komponente, kot so gumbi, lahko kliknete in povlečete na vizualni uporabniški vmesnik. Pomaga vam tudi ročno ustvarjanje različnih oblik v kodi.

Ta članek vam bo pokazal, kako svoji aplikaciji dodati črte, oblike in slike. Ta vadnica uporablja Visual Studio 2019 Community Edition za prikaz primerov.

Kateri so vgrajeni razredi, ki se uporabljajo za risanje grafike?

Windows Forms uporablja Programski jezik C#. Njegovi vgrajeni razredi in metode vam omogočajo risanje različnih oblik na platno Windows Form. Ti vključujejo razrede Grafika, Pero, Barva in Čopič.

Če si želite ogledati izvorno kodo za delujoči primer zgornje vadnice, obiščite GitHub repozitorij. Ko končate, lahko preizkusite naslednje primere ustvaril aplikacijo Winforms.

Kako dodati barvo v obdelovalec dogodkov nalaganja obrazca

Najprej dodajte upravljalnik dogodkov za risanje oblik, ko se platno naloži.

1. Obrazcu dodajte funkcijo Paint.

   private void Form1_Paint (pošiljatelj predmeta, PaintEventArgs e)
   {
    // Koda gre tukaj
   }

2. Pojdite na zavihek Pogled načrta.
3. V oknu Lastnosti izberite ikono strele, da odprete zavihek »Dogodki«.
4. V "Paint" pod "Videz" izberite funkcijo Form1_Paint. To bo izvedlo funkcijo, ko zaženete aplikacijo.

Kako narisati črte na platnu obrazca Windows

Za risanje črt na platnu lahko uporabite metodo Color, Pen in DrawLine().

1. Znotraj funkcije Form1_Paint() ustvarite predmet Color z barvo, ki jo želite, da je črta. Nato ustvarite predmet Pero, s katerim narišete črto.

   Barva črna = Barva. FromArgb (255, 0, 0, 0);
   Pero črnoPen = novo pero (črno);
   

2. Metoda DrawLine() iz razreda Graphics bo narisala črto s peresom. To bo začelo risati črto od položaja x, y do drugega položaja x, y.

   e. Grafika. DrawLine (črno pero, 300, 200, 800, 200);
   

3. Lahko spremenite lastnosti za predmet pero, da spremenite njegovo širino, slog pomišljaja in začetni ali končni pokrov.

   črno pero. Širina = 20;
   črno pero. DashStyle = Sistem. Risanje. Drawing2D.DashStyle. Dash;
   črno pero. StartCap = Sistem. Risanje. Drawing2D.LineCap. ArrowAnchor;
   e. Grafika. DrawLine (črno pero, 300, 200, 800, 200);
   

4. Pritisnite zeleni gumb za predvajanje na vrhu Visual Studio, da si ogledate spremembe.

Kako narisati oblike, kot so pravokotniki in krogi

Razrede oblik lahko uporabite za različne oblike ali ročno narišete oblike na platno.

1. Ustvarite predmet Color and Pen, kot je prikazano v prejšnjih korakih. Nato uporabite metodo DrawRectangle(), da ustvarite pravokotnik. Argumenti so koordinate x in y za zgornji levi pravokotnik, skupaj z njegovo širino in višino.

   Barva rdeča = Barva. IzArgb (255, 255, 0, 0);
   Pero rdečePen = novo pero (rdeče);
   rdeče pero. Širina = 5;
   e. Grafika. DrawRectangle (rdeče pero, 100, 100, 500, 200);
   

2. Pravokotnik lahko ustvarite tudi z uporabo razreda Rectangle. Najprej ustvarite pravokotnik. Argumenti so tudi koordinate x in y za zgornji levi kot, širino in višino.

   Pravokotnik pravokotnik = nov pravokotnik (100, 350, 500, 200);
   

3. Za risanje pravokotnika uporabite funkcijo DrawRectangle(). Namesto da prenesete x, y, širino in višino kot prej, lahko namesto tega uporabite predmet Rectangle.

   e. Grafika. DrawRectangle (rdeče pero, pravokotnik);
   

4. Pritisnite zeleni gumb za predvajanje na vrhu Visual Studio, da si ogledate spremembe.
5. Vrnite se na kodo, da narišete druge oblike. Za risanje kroga uporabite funkcijo DrawEllipse().

   Barva zelena = barva. IzArgb (255, 0, 255, 0);
   Pero greenPen = novo pero (zeleno);
   zeleno pero. Širina = 5;
   e. Grafika. DrawEllipse (greenPen, 400, 150, 400, 400);

   Ko narišete krog, se koordinate x in y (x=400, y=150) nanašata na zgornji levi kot kroga in ne na središče kroga.
6. Za risanje drugih oblik, kot so trikotniki ali šesterokotniki, uporabite metodo DrawPolygon(). Tukaj lahko določite seznam koordinat za predstavljanje točk oblike.

   Barva modra = barva. IzArgb (255, 0, 0, 255);
   Pen bluePen = novo pero (modro);
   bluePen. Širina = 5;
   Koordinate točke F[] za trikotnik = nova točka F[] {
    nova točka F (400, 150),
    nova točka F(300, 300),
    nova točka F (500, 300)
   };
   e. Grafika. DrawPolygon (modroPen, koordinateZa Trikotnik);
   

   Metoda DrawPolygon() bo narisala črte med določenimi točkami. ​​​​​​

Kako uporabiti razred čopiča za polnjenje oblik z barvo

Za ustvarjanje enobarvnih oblik lahko uporabite metode FillRectangle(), FillEllipses() ali FillTriangle().

1. Najprej ustvarite predmet s čopičem.

   Barva vijolična = barva. IzArgb (255, 128, 0, 0);
   SolidBrush solidBrush = nova SolidBrush (vijolična);

2. Uporabite metode FillRectangle(), FillEllipses() ali FillTriangle(). Delujejo na enak način kot zgornje funkcije risanja, le da namesto peresa uporabljajo predmet Brush.

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

3. Predmet oblike lahko vnesete tudi neposredno, namesto da podate koordinate.

   Pravokotnik pravokotnik = nov pravokotnik (100, 350, 500, 200);
   e. Grafika. FillRectangle (solidBrush, pravokotnik);

4. Uporabite HatchBrush, da zapolnite obliko z drugačnim slogom polnjenja, kot je vodoravni ali navpični vzorec.

   Barva modra = barva. IzArgb (255, 0, 0, 255);
   Barva zelena = barva. IzArgb (255, 0, 255, 0);
   HatchBrush hatchBrush = nov HatchBrush (HatchStyle. Vodoravno, zeleno, modro);
   e. Grafika. FillRectangle (šrafalna krtača, 50, 50, 200, 250);

5. S čopičem TextureBrush lahko zapolnite obliko s sliko. Tukaj ustvarite bitno sliko, tako da pokažete na slikovno datoteko. Namesto da ustvarite čopič z barvo, ga ustvarite s sliko.

   Bitna slika = (bitna slika) slika. FromFile(@"C:\Users\Sharl\Desktop\flag.bmp", true);
   TextureBrush textureBrush = nov TextureBrush (slika);
   e. Grafika. FillRectangle (krtača teksture, 100, 100, 500, 400);

Kako upodabljati slike na obrazec

Če želite upodobiti sliko, ustvarite kontrolni predmet PictureBox in ga dodajte v obrazec.

1. Ustvarite kontrolni objekt PictureBox s slikovno datoteko.

   Slika PictureBox = nova PictureBox();
   slika. ImageLocation = @"C:\Users\Sharl\Desktop\flagLarge.bmp";
   

2. Nastavite velikost slike in jo dodajte v obrazec, tako da se upodablja.

   slika. SizeMode = PictureBoxSizeMode. samodejna velikost;
   to Kontrole. Dodaj (sliko);

3. Pritisnite zeleni gumb za začetek na vrhu, da si ogledate sliko.

Dodajanje več oblik vašemu obrazcu Windows

Zdaj bi morali razumeti, kako dodati črte, oblike in slike v obrazec Windows. Oblike lahko kombinirate in ustvarite nove oblike. Prav tako se lahko igrate z vgrajenimi funkcijami za ustvarjanje bolj zapletenih oblik.

O avtorju

Sharlene Von Drehnen (7 objavljenih člankov)

Sharlene je tehnična pisateljica pri MUO in polni delovni čas dela tudi na področju razvoja programske opreme. Je diplomirana informatika in ima predhodne izkušnje na področju zagotavljanja kakovosti in univerzitetnega mentorstva. Sharlene obožuje igre in igra klavir.

Več od Sharlene Von Drehnen