Kako dodati grafiku u C# aplikaciju za Windows Form

Windows Forms je okvir koji vam omogućuje izradu desktop aplikacija. Možete kliknuti i povući komponente poput gumba na vizualno korisničko sučelje. Također vam pomaže da ručno kreirate različite oblike unutar vašeg koda.

Ovaj članak će vam pokazati kako svojoj aplikaciji dodati linije, oblike i slike. Ovaj vodič koristi Visual Studio 2019 Community Edition za prikaz primjera.

Koje se ugrađene klase koriste za crtanje grafike?

Windows Forms koristi C# programski jezik. Njegove ugrađene klase i metode omogućuju vam crtanje različitih oblika na platnu Windows Forma. To uključuje klase Grafika, Pen, Color i Brush.

Za prikaz izvornog koda za primjer izvođenja gornjeg vodiča, posjetite GitHub spremište. Nakon što završite, možete isprobati sljedeće primjere stvorio Winforms aplikaciju.

Kako dodati boju u rukovaocu događaja učitavanja obrasca

Prvo dodajte rukovao događajima za crtanje oblika kada se platno učita.

1. Dodajte funkciju Paint za obrazac.

   privatni void Form1_Paint (pošiljatelj objekta, PaintEventArgs e)
   {
    // Kod ide ovdje
   }

2. Idite na karticu Prikaz dizajna.
3. U prozoru Svojstva odaberite ikonu munje da biste otvorili karticu "Događaji".
4. U "Boja" pod "Izgled" odaberite funkciju Form1_Paint. Ovo će izvršiti funkciju kada pokrenete aplikaciju.

Kako nacrtati linije na platnu Windows obrasca

Za crtanje linija na platnu možete koristiti Color, Pen i DrawLine() metodu.

1. Unutar funkcije Form1_Paint() stvorite objekt Color s bojom koju želite da linija bude. Zatim stvorite objekt Pen kojim ćete nacrtati crtu.

   Boja crna = Boja. IzArgb (255, 0, 0, 0);
   Pen blackPen = nova olovka (crna);
   

2. Metoda DrawLine() iz klase Graphics će nacrtati liniju pomoću olovke. Ovo će početi crtati liniju od pozicije x, y do druge pozicije x, y.

   e. Grafika. DrawLine (crna olovka, 300, 200, 800, 200);
   

3. Možete izmijeniti svojstva za objekt olovke kako biste promijenili njegovu širinu, stil crtice i početnu ili završnu kapicu.

   crna olovka. Širina = 20;
   crna olovka. DashStyle = Sustav. Crtanje. Drawing2D.DashStyle. Crtica;
   crna olovka. StartCap = Sustav. Crtanje. Crtež2D.LineCap. ArrowAnchor;
   e. Grafika. DrawLine (crna olovka, 300, 200, 800, 200);
   

4. Pritisnite zeleni gumb za reprodukciju na vrhu Visual Studija da biste vidjeli promjene.

Kako crtati oblike kao što su pravokutnici i krugovi

Možete koristiti klase oblika za različite oblike ili ručno crtati oblike na platnu.

1. Napravite objekt Color and Pen kao što je prikazano u prethodnim koracima. Zatim upotrijebite metodu DrawRectangle() za stvaranje pravokutnika. Argumenti su koordinate x i y za gornji lijevi pravokutnik, zajedno s njegovom širinom i visinom.

   Boja crvena = Boja. IzArgb (255, 255, 0, 0);
   Olovka redPen = nova olovka (crvena);
   crvena olovka. Širina = 5;
   e. Grafika. Nacrtaj pravokutnik (crvena olovka, 100, 100, 500, 200);
   

2. Također možete stvoriti pravokutnik pomoću klase Rectangle. Prvo stvorite pravokutnik objekt. Argumenti su također koordinate x i y za gornji lijevi kut, širinu i visinu.

   Pravokutnik pravokutnik = novi pravokutnik (100, 350, 500, 200);
   

3. Koristite funkciju DrawRectangle() da nacrtate pravokutnik. Umjesto prosljeđivanja x, y, širine i visine kao prije, umjesto toga možete koristiti objekt Rectangle.

   e. Grafika. Nacrtaj pravokutnik (crvena olovka, pravokutnik);
   

4. Pritisnite zeleni gumb za reprodukciju na vrhu Visual Studija da biste vidjeli promjene.
5. Vratite se na kod da nacrtate druge oblike. Koristite funkciju DrawEllipse() da nacrtate krug.

   Boja zelena = Boja. Iz Argb (255, 0, 255, 0);
   Olovka greenPen = nova olovka (zelena);
   zelena olovka. Širina = 5;
   e. Grafika. DrawEllipse (zelenaPen, 400, 150, 400, 400);

   Kada crtate krug, koordinate x i y (x=400, y=150) odnose se na gornji lijevi kut kruga, a ne na središte kruga.
6. Za crtanje drugih oblika kao što su trokuti ili šesterokuti, koristite metodu DrawPolygon(). Ovdje možete odrediti popis koordinata za predstavljanje točaka oblika.

   Plava boja = Boja. Iz Argb (255, 0, 0, 255);
   Olovka bluePen = nova olovka (plava);
   plava olovka. Širina = 5;
   PointF[] koordinateForTriangle = nova PointF[] {
    nova točka F(400, 150),
    nova točka F(300, 300),
    nova točka F(500, 300)
   };
   e. Grafika. Nacrtaj poligon (plava olovka, koordinate za trokut);
   

   Metoda DrawPolygon() će crtati linije između navedenih točaka. ​​​​​​

Kako koristiti klasu kista za popunjavanje oblika bojom

Možete koristiti metode FillRectangle(), FillEllipses() ili FillTriangle() za stvaranje oblika s jednobojnom bojom.

1. Prvo stvorite objekt kista.

   Boja ljubičasta = Boja. Iz Argb (255, 128, 0, 0);
   SolidBrush solidBrush = nova SolidBrush (ljubičasta);

2. Koristite metode FillRectangle(), FillEllipses() ili FillTriangle(). Rade na isti način kao gore navedene funkcije crtanja, osim što umjesto olovke koriste objekt 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. Također možete izravno unijeti objekt oblika umjesto da dajete koordinate.

   Pravokutnik pravokutnik = novi pravokutnik (100, 350, 500, 200);
   e. Grafika. FillRectangle (solidBrush, pravokutnik);

4. Upotrijebite HatchBrush za popunjavanje oblika koristeći drugačiji stil ispune, kao što je vodoravni ili okomiti uzorak.

   Plava boja = Boja. Iz Argb (255, 0, 0, 255);
   Boja zelena = Boja. Iz Argb (255, 0, 255, 0);
   HatchBrush hatchBrush = novi HatchBrush (HatchStyle. Vodoravno, zeleno, plavo);
   e. Grafika. FillRectangle (hatchBrush, 50, 50, 200, 250);

5. Možete koristiti TextureBrush da ispunite oblik pomoću slike. Ovdje stvorite bitmapu pokazujući na slikovnu datoteku. Umjesto stvaranja kista pomoću boje, stvorite ga pomoću slike.

   Bitmap slika = (bitmap) slika. FromFile(@"C:\Users\Sharl\Desktop\flag.bmp", true);
   TextureBrush textureBrush = nova četkica za teksturu (slika);
   e. Grafika. FillRectangle (tekstura četkica, 100, 100, 500, 400);

Kako prikazati slike na obrascu

Da biste prikazali sliku, stvorite kontrolni objekt PictureBox i dodajte ga u obrazac.

1. Izradite kontrolni objekt PictureBox pomoću slikovne datoteke.

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

2. Postavite veličinu slike i dodajte je na obrazac kako bi se renderirala.

   slika. SizeMode = PictureBoxSizeMode. AutoSize;
   ovaj. Kontrole. Dodaj (slika);

3. Pritisnite zeleni gumb za početak na vrhu za pregled slike.

Dodavanje više oblika vašem Windows obrascu

Sada biste trebali razumjeti kako dodati linije, oblike i slike u svoj Windows obrazac. Možete kombinirati oblike da biste stvorili nove oblike. Također se možete igrati s ugrađenim funkcijama za stvaranje složenijih oblika.

O autoru

Sharlene Von Drehnen (Objavljeno 7 članaka)

Sharlene je tehnička spisateljica u MUO-u, a također radi puno radno vrijeme u razvoju softvera. Diplomirala je informatiku i ima prethodno iskustvo u osiguravanju kvalitete i sveučilišnom podučavanju. Sharlene voli igre i sviranje klavira.

Više od Sharlene Von Drehnen