Grafiikan lisääminen C# Windows -lomakesovellukseen

Windows Forms on kehys, jonka avulla voit rakentaa työpöytäsovelluksia. Voit napsauttaa ja vetää komponentteja, kuten painikkeita, visuaaliseen käyttöliittymään. Se auttaa myös luomaan manuaalisesti erilaisia ​​muotoja koodiin.

Tämä artikkeli näyttää, kuinka voit lisätä viivoja, muotoja ja kuvia sovellukseesi. Tämä opetusohjelma näyttää esimerkkejä Visual Studio 2019 Community Editionin avulla.

Mitä sisäänrakennettuja luokkia käytetään grafiikan piirtämiseen?

Windows Forms käyttää C# ohjelmointikieli. Sen sisäänrakennettujen luokkien ja menetelmien avulla voit piirtää erilaisia ​​muotoja Windows Form -kankaalle. Näitä ovat grafiikka-, kynä-, väri- ja sivellinluokat.

Voit tarkastella yllä olevan opetusohjelman toimivan esimerkin lähdekoodia osoitteessa GitHub-arkisto. Voit kokeilla seuraavia esimerkkejä, kun olet tehnyt sen loi Winforms-sovelluksen.

Maalin lisääminen lomakkeen lataustapahtumakäsittelijään

Lisää ensin tapahtumakäsittelijä, joka piirtää muotoja kankaan latautuessa.

1. Lisää lomakkeeseen Paint-toiminto.

   yksityinen void Form1_Paint (objektin lähettäjä, PaintEventArgs e)
   {
    // Koodi menee tänne
   }

2. Siirry Suunnittelunäkymä-välilehteen.
3. Valitse Ominaisuudet-ikkunassa salamakuvake avataksesi Tapahtumat-välilehden.
4. Valitse "Paint"-kohdassa "Appearance" toiminto Form1_Paint. Tämä suorittaa toiminnon, kun suoritat sovelluksen.

Viivojen piirtäminen Windows-lomakekankaalle

Voit käyttää Color-, Pen- ja DrawLine()-menetelmää piirtämään viivoja kankaalle.

1. Luo Form1_Paint()-funktion sisällä Color-objekti, jonka väri on haluamasi viivan muoto. Luo sitten kynäobjekti, jolla viiva piirretään.

   Väri musta = väri. FromArgb (255, 0, 0, 0);
   Kynä blackPen = uusi kynä (musta);
   

2. Graphics-luokan DrawLine()-metodi piirtää viivan kynällä. Tämä aloittaa viivan piirtämisen paikasta x, y toiseen x, y paikkaan.

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

3. Voit muokata kynäobjektin ominaisuuksia muuttaaksesi sen leveyttä, viivatyyliä ja alku- tai loppupäätä.

   musta kynä. Leveys = 20;
   musta kynä. DashStyle = Järjestelmä. Piirustus. Drawing2D.DashStyle. Dash;
   musta kynä. StartCap = Järjestelmä. Piirustus. Drawing2D.LineCap. ArrowAnchor;
   e. Grafiikka. DrawLine (blackPen, 300, 200, 800, 200);
   

4. Näet muutokset painamalla vihreää toistopainiketta Visual Studion yläosassa.

Kuinka piirtää muotoja, kuten suorakulmioita ja ympyröitä

Voit käyttää muotoluokkia eri muodoille tai piirtää kuvioita käsin kankaalle.

1. Luo väri- ja kynäobjekti edellisten vaiheiden mukaisesti. Luo sitten suorakulmio DrawRectangle()-menetelmällä. Argumentit ovat suorakulmion vasemman yläkulman x- ja y-koordinaatit sekä sen leveys ja korkeus.

   Väri punainen = väri. FromArgb (255, 255, 0, 0);
   Kynä redPen = uusi kynä (punainen);
   punainen kynä. Leveys = 5;
   e. Grafiikka. DrawRectangle (punainen kynä, 100, 100, 500, 200);
   

2. Voit myös luoda suorakulmion käyttämällä suorakulmioluokkaa. Luo ensin suorakulmio-objekti. Argumentit ovat myös vasemman yläkulman, leveyden ja korkeuden x- ja y-koordinaatit.

   Suorakulmio suorakulmio = uusi suorakulmio (100, 350, 500, 200);
   

3. Käytä DrawRectangle()-funktiota suorakulmion piirtämiseen. Sen sijaan, että ohittaisit x: n, y: n, leveyden ja korkeuden kuten ennen, voit käyttää sen sijaan Suorakulmio-objektia.

   e. Grafiikka. DrawRectangle (punainen kynä, suorakulmio);
   

4. Näet muutokset painamalla vihreää toistopainiketta Visual Studion yläosassa.
5. Palaa koodiin piirtääksesi muita muotoja. Piirrä ympyrä DrawEllipse()-funktiolla.

   Väri vihreä = väri. FromArgb (255, 0, 255, 0);
   Vihreä kynä = uusi kynä (vihreä);
   vihreä kynä. Leveys = 5;
   e. Grafiikka. DrawEllipse (vihreä kynä, 400, 150, 400, 400);

   Kun piirrät ympyrän, x- ja y-koordinaatit (x=400, y=150) viittaavat ympyrän vasempaan yläkulmaan, eivät ympyrän keskustaan.
6. Voit piirtää muita muotoja, kuten kolmioita tai kuusikulmioita, käyttämällä DrawPolygon() -menetelmää. Tässä voit määrittää luettelon koordinaateista, jotka edustavat muodon pisteitä.

   Väri sininen = väri. FromArgb (255, 0, 0, 255);
   Kynä bluePen = uusi kynä (sininen);
   sininen kynä. Leveys = 5;
   PisteF[] koordinaatitKolmiolle = uusi pisteF[] {
    uusi PointF(400, 150),
    uusi PointF(300, 300),
    uusi pisteF(500, 300)
   };
   e. Grafiikka. Draw Polygon (sininen kynä, kolmion koordinaatit);
   

   DrawPolygon()-menetelmä piirtää viivoja määritettyjen pisteiden väliin. ​​​​​​

Kuinka käyttää sivellinluokkaa muotojen täyttämiseen väreillä

Voit käyttää FillRectangle(), FillEllipses()- tai FillTriangle()-menetelmiä luodaksesi yhtenäisiä muotoja.

1. Luo ensin sivellinobjekti.

   Väri violetti = väri. FromArgb (255, 128, 0, 0);
   SolidBrush solidBrush = uusi SolidBrush (violetti);

2. Käytä FillRectangle(), FillEllipses()- tai FillTriangle()-menetelmiä. Ne toimivat samalla tavalla kuin yllä olevat piirtotoiminnot, paitsi että ne käyttävät kynän sijasta sivellinobjektia.

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

3. Voit myös syöttää muotoobjektin suoraan koordinaattien antamisen sijaan.

   Suorakulmio suorakulmio = uusi suorakulmio (100, 350, 500, 200);
   e. Grafiikka. FillRectangle (kiinteäBrush, suorakulmio);

4. Käytä HatchBrushia muodon täyttämiseen käyttämällä eri täyttötyyliä, kuten vaaka- tai pystykuviota.

   Väri sininen = väri. FromArgb (255, 0, 0, 255);
   Väri vihreä = väri. FromArgb (255, 0, 255, 0);
   HatchBrush hatchBrush = uusi HatchBrush (HatchStyle. Vaaka, vihreä, sininen);
   e. Grafiikka. FillRectangle (hatchBrush, 50, 50, 200, 250);

5. Voit käyttää TextureBrushia muodon täyttämiseen kuvan avulla. Luo tässä bittikartta osoittamalla kuvatiedostoa. Sen sijaan, että luot siveltimen käyttämällä väriä, luo se kuvan avulla.

   Bittikarttakuva = (Bittikartta) Kuva. FromFile(@"C:\Users\Sharl\Desktop\flag.bmp", true);
   TextureBrush textureBrush = uusi TextureBrush (kuva);
   e. Grafiikka. FillRectangle (tekstuuriBrush, 100, 100, 500, 400);

Miten renderöidä kuvia lomakkeelle

Jos haluat hahmontaa kuvan, luo PictureBox-ohjausobjekti ja lisää se lomakkeeseen.

1. Luo PictureBox-ohjausobjekti kuvatiedoston avulla.

   PictureBox-kuva = uusi PictureBox();
   kuva. ImageLocation = @"C:\Users\Sharl\Desktop\flagLarge.bmp";
   

2. Aseta kuvan koko ja lisää se lomakkeeseen, jotta se hahmontuu.

   kuva. SizeMode = PictureBoxSizeMode. Automaattinen koonmääritys;
   Tämä. Säätimet. Lisää (kuva);

3. Paina yläreunassa olevaa vihreää aloituspainiketta nähdäksesi kuvan.

Lisää muotoja Windows-lomakkeeseen

Sinun pitäisi nyt ymmärtää, kuinka voit lisätä viivoja, muotoja ja kuvia Windows-lomakkeellesi. Voit luoda uusia muotoja yhdistämällä muotoja. Voit myös leikkiä sisäänrakennetuilla toiminnoilla luodaksesi monimutkaisempia muotoja.

Kirjailijasta

Sharlene von Drehnen (7 artikkelia julkaistu)

Sharlene on tekninen kirjoittaja MUO: ssa ja työskentelee myös kokopäiväisesti ohjelmistokehityksessä. Hän on koulutukseltaan tietotekniikan kandidaatti ja hänellä on aikaisempaa kokemusta laadunvarmistuksesta ja yliopistotutoroinnista. Sharlene rakastaa pelaamista ja pianon soittamista.

Lisää Sharlene Von Drehneniltä