Sådan tilføjer du grafik til en C# Windows-formularapplikation

Windows Forms er en ramme, der lader dig bygge desktop-applikationer. Du kan klikke og trække komponenter som knapper til en visuel brugergrænseflade. Det hjælper dig også med manuelt at oprette forskellige former i din kode.

Denne artikel viser dig, hvordan du tilføjer linjer, former og billeder til din applikation. Denne vejledning bruger Visual Studio 2019 Community Edition til at vise eksempler.

Hvad er de indbyggede klasser, der bruges til at tegne grafik?

Windows Forms bruger C# programmeringssprog. Dens indbyggede klasser og metoder giver dig mulighed for at tegne forskellige former på et Windows Form-lærred. Disse inkluderer grafik-, pen-, farve- og penselklasserne.

For at se kildekoden til et kørende eksempel på ovenstående vejledning, besøg GitHub-depot. Du kan prøve følgende eksempler, når du har gjort det oprettet en Winforms-applikation.

Sådan tilføjer du en maling på Form Load Event Handler

Tilføj først en hændelseshandler for at tegne figurer, når lærredet indlæses.

1. Tilføj en Paint-funktion til formularen.

   privat void Form1_Paint (objektafsender, PaintEventArgs e)
   {
    // Koden går her
   }

2. Gå ind på fanen Designvisning.
3. I vinduet Egenskaber skal du vælge lynikonet for at åbne fanen "Begivenheder".
4. I "Paint" under "Appearance" skal du vælge Form1_Paint-funktionen. Dette vil udføre funktionen, når du kører programmet.

Sådan tegner du linjer på et Windows-formularlærred

Du kan bruge en Color, Pen og DrawLine()-metoden til at tegne linjer på et lærred.

1. Inde i Form1_Paint()-funktionen skal du oprette et farveobjekt med den farve, du ønsker, at linjen skal være. Opret derefter et Pen-objekt til at tegne linjen med.

   Farve sort = Farve. FromArgb (255, 0, 0, 0);
   Pen sortPen = ny Pen (sort);
   

2. DrawLine()-metoden fra Graphics-klassen vil tegne en linje ved hjælp af pennen. Dette vil begynde at tegne en linje fra en x, y-position til en anden x, y-position.

   e. Grafik. DrawLine (sortPen, 300, 200, 800, 200);
   

3. Du kan ændre egenskaberne for penobjektet for at ændre dets bredde, stregstil og start- eller endestykke.

   sortPen. Bredde = 20;
   sortPen. DashStyle = System. Tegning. Drawing2D.DashStyle. Dash;
   sortPen. StartCap = System. Tegning. Drawing2D.LineCap. ArrowAnchor;
   e. Grafik. DrawLine (sortPen, 300, 200, 800, 200);
   

4. Tryk på den grønne afspilningsknap øverst i Visual Studio for at se ændringerne.

Sådan tegner du former såsom rektangler og cirkler

Du kan bruge formklasserne til forskellige former eller tegne figurer manuelt på lærredet.

1. Opret et farve- og penobjekt som vist i de foregående trin. Brug derefter metoden DrawRectangle() til at oprette rektanglet. Argumenterne er x- og y-koordinaterne for rektanglets øverste venstre side, sammen med dets bredde og højde.

   Farve rød = Farve. FromArgb (255, 255, 0, 0);
   Pen rødPen = ny Pen (rød);
   rødPen. Bredde = 5;
   e. Grafik. DrawRektangel (rødPen, 100, 100, 500, 200);
   

2. Du kan også oprette et rektangel ved hjælp af rektangelklassen. Først skal du oprette et rektangelobjekt. Argumenterne er også x- og y-koordinaterne for øverste venstre hjørne, bredde og højde.

   Rektangel rektangel = nyt rektangel (100, 350, 500, 200);
   

3. Brug funktionen DrawRectangle() til at tegne rektanglet. I stedet for at overføre x, y, bredde og højde som før, kan du bruge Rectangle-objektet i stedet.

   e. Grafik. DrawRektangel (rødPen, rektangel);
   

4. Tryk på den grønne afspilningsknap øverst i Visual Studio for at se ændringerne.
5. Gå tilbage til koden for at tegne andre figurer. Brug funktionen DrawEllipse() til at tegne en cirkel.

   Farve grøn = Farve. FromArgb (255, 0, 255, 0);
   Pen grønPen = ny Pen (grøn);
   greenPen. Bredde = 5;
   e. Grafik. DrawEllipse (grønPen, 400, 150, 400, 400);

   Når du tegner en cirkel, henviser x- og y-koordinaterne (x=400, y=150) til det øverste venstre hjørne af cirklen, ikke til midten af ​​cirklen.
6. Brug metoden DrawPolygon() for at tegne andre former, såsom trekanter eller sekskanter. Her kan du angive en liste over koordinater til at repræsentere punkterne i formen.

   Farve blå = farve. FromArgb (255, 0, 0, 255);
   Pen blåPen = ny Pen (blå);
   blåPen. Bredde = 5;
   PointF[] koordinaterForTriangle = nyt PunktF[] {
    ny PointF(400, 150),
    ny PointF(300, 300),
    ny PointF(500, 300)
   };
   e. Grafik. DrawPolygon (blåPen, koordinaterForTrekant);
   

   Metoden DrawPolygon() vil tegne linjer mellem de angivne punkter. ​​​​​​

Sådan bruger du børsteklassen til at udfylde former med farve

Du kan bruge metoderne FillRectangle(), FillEllipses() eller FillTriangle() til at skabe figurer med en ensfarvet farve.

1. Først skal du oprette et børsteobjekt.

   Farve lilla = Farve. FromArgb (255, 128, 0, 0);
   SolidBrush solidBrush = ny SolidBrush (lilla);

2. Brug metoderne FillRectangle(), FillEllipses() eller FillTriangle(). De fungerer på samme måde som tegnefunktionerne ovenfor, bortset fra i stedet for en pen, bruger de et penselobjekt.

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

3. Du kan også indtaste et figurobjekt direkte i stedet for at angive koordinater.

   Rektangel rektangel = nyt rektangel (100, 350, 500, 200);
   e. Grafik. FyldRektangel (solidBrush, rektangel);

4. Brug HatchBrush til at udfylde formen med en anden udfyldningsstil, såsom et vandret eller lodret mønster.

   Farve blå = farve. FromArgb (255, 0, 0, 255);
   Farve grøn = Farve. FromArgb (255, 0, 255, 0);
   HatchBrush hatchBrush = ny HatchBrush (HatchStyle. Vandret, grøn, blå);
   e. Grafik. FyldRektangel (hatchBrush, 50, 50, 200, 250);

5. Du kan bruge TextureBrush til at udfylde en form ved hjælp af et billede. Opret her en bitmap ved at pege på en billedfil. I stedet for at skabe en pensel ved hjælp af en farve, skal du oprette den ved hjælp af billedet.

   Bitmapbillede = (Bitmap) billede. FromFile(@"C:\Users\Sharl\Desktop\flag.bmp", true);
   TextureBrush textureBrush = ny TextureBrush (billede);
   e. Grafik. FyldRektangel (teksturbørste, 100, 100, 500, 400);

Sådan gengiver du billeder på formularen

For at gengive et billede skal du oprette et PictureBox-kontrolobjekt og tilføje det til formularen.

1. Opret et PictureBox-kontrolobjekt ved hjælp af en billedfil.

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

2. Indstil størrelsen på billedet, og tilføj det til formularen, så det gengives.

   billede. SizeMode = PictureBoxSizeMode. AutoSize;
   dette. Kontrolelementer. Tilføj (billede);

3. Tryk på den grønne startknap øverst for at se billedet.

Tilføjelse af flere figurer til din Windows-formular

Du bør nu forstå, hvordan du tilføjer linjer, former og billeder til din Windows-formular. Du kan kombinere former for at skabe nye former. Du kan også lege med de indbyggede funktioner for at skabe mere komplekse former.

Om forfatteren

Sharlene Von Drehnen (7 artikler udgivet)

Sharlene er en Tech Writer hos MUO og arbejder også fuld tid med softwareudvikling. Hun har en bachelor i IT og har tidligere erfaring med kvalitetssikring og universitetsvejledning. Sharlene elsker at spille og spille klaver.

Mere fra Sharlene Von Drehnen