Jak přidat grafiku do C# Windows Form aplikace

Windows Forms je framework, který vám umožňuje vytvářet desktopové aplikace. Můžete klikat a přetahovat komponenty, jako jsou tlačítka, do vizuálního uživatelského rozhraní. Pomáhá vám také ručně vytvářet různé tvary v kódu.

Tento článek vám ukáže, jak do aplikace přidat čáry, tvary a obrázky. Tento kurz používá Visual Studio 2019 Community Edition k ukázkám příkladů.

Jaké jsou vestavěné třídy používané pro kreslení grafiky?

Windows Forms používá programovací jazyk C#. Jeho vestavěné třídy a metody vám umožňují kreslit různé tvary na plátno Windows Form. Patří mezi ně třídy Grafika, Pero, Barva a Štětec.

Chcete-li zobrazit zdrojový kód běžícího příkladu výše uvedeného výukového programu, navštivte stránku úložiště GitHub. Jakmile budete mít, můžete si vyzkoušet následující příklady vytvořil aplikaci Winforms.

Jak přidat barvu na obslužnou rutinu události načtení formuláře

Nejprve přidejte obslužnou rutinu události pro kreslení tvarů při načítání plátna.

1. Přidejte do formuláře funkci Malování.

   private void Form1_Paint (odesílatel objektu, PaintEventArgs e)
   {
    // Kód je zde
   }

2. Přejděte na kartu Zobrazení návrhu.
3. V okně Vlastnosti vyberte ikonu blesku a otevřete kartu „Události“.
4. V "Paint" pod "Appearance" vyberte funkci Form1_Paint. Tím se funkce spustí při spuštění aplikace.

Jak kreslit čáry na plátno formuláře Windows

K kreslení čar na plátno můžete použít barvu, pero a metodu DrawLine().

1. Uvnitř funkce Form1_Paint() vytvořte objekt Color s barvou, jakou chcete mít čáru. Poté vytvořte objekt Pen, kterým nakreslíte čáru.

   Barva černá = Barva. FromArgb (255, 0, 0, 0);
   Pero černéPen = nové pero (černé);
   

2. Metoda DrawLine() ze třídy Graphics nakreslí čáru pomocí pera. Tím se začne kreslit čára z pozice x, y do jiné pozice x, y.

   E. Grafika. DrawLine (černé pero, 300, 200, 800, 200);
   

3. Můžete upravit vlastnosti objektu pera a změnit jeho šířku, styl čárky a začátek nebo konec.

   černé pero. Šířka = 20;
   černé pero. DashStyle = Systém. Výkres. Drawing2D.DashStyle. Pomlčka;
   černé pero. StartCap = Systém. Výkres. Drawing2D.LineCap. ArrowAnchor;
   E. Grafika. DrawLine (černé pero, 300, 200, 800, 200);
   

4. Stisknutím zeleného tlačítka přehrávání v horní části sady Visual Studio zobrazíte změny.

Jak kreslit tvary, jako jsou obdélníky a kruhy

Můžete použít třídy tvarů pro různé tvary nebo ručně kreslit tvary na plátno.

1. Vytvořte objekt Barva a pero, jak je znázorněno v předchozích krocích. Poté pomocí metody DrawRectangle() vytvořte obdélník. Argumenty jsou souřadnice x a y pro levou horní část obdélníku spolu s jeho šířkou a výškou.

   Barva červená = Barva. FromArgb (255, 255, 0, 0);
   Pero červenéPen = nové pero (červené);
   redPen. Šířka = 5;
   E. Grafika. DrawRectangle (červené pero, 100, 100, 500, 200);
   

2. Obdélník můžete vytvořit také pomocí třídy Rectangle. Nejprve vytvořte objekt Rectangle. Argumenty jsou také souřadnice x a y pro levý horní roh, šířku a výšku.

   Obdélník obdélník = nový obdélník (100, 350, 500, 200);
   

3. Pomocí funkce DrawRectangle() nakreslete obdélník. Místo předávání x, y, šířky a výšky jako dříve můžete místo toho použít objekt Rectangle.

   E. Grafika. DrawRectangle (červené pero, obdélník);
   

4. Stisknutím zeleného tlačítka přehrávání v horní části sady Visual Studio zobrazíte změny.
5. Vraťte se ke kódu a nakreslete další tvary. Pomocí funkce DrawEllipse() nakreslete kružnici.

   Barva zelená = Barva. FromArgb (255, 0, 255, 0);
   Pero zelenéPen = nové pero (zelené);
   zelené pero. Šířka = 5;
   E. Grafika. DrawEllipse (zelené pero, 400, 150, 400, 400);

   Když kreslíte kružnici, souřadnice x a y (x=400, y=150) se vztahují k levému hornímu rohu kružnice, nikoli ke středu kružnice.
6. Chcete-li nakreslit jiné tvary, jako jsou trojúhelníky nebo šestiúhelníky, použijte metodu DrawPolygon(). Zde můžete zadat seznam souřadnic reprezentujících body tvaru.

   Barva modrá = Barva. FromArgb (255, 0, 0, 255);
   Pen bluePen = nové pero (modré);
   modré pero. Šířka = 5;
   BodF[] souřadniceForTrojúhelník = nový BodF[] {
    nový PointF(400, 150),
    nový PointF(300, 300),
    nový PointF(500, 300)
   };
   E. Grafika. DrawPolygon (modréPen, souřadniceForTriangle);
   

   Metoda DrawPolygon() nakreslí čáry mezi určenými body. ​​​​​​

Jak používat třídu štětce k vyplnění tvarů barvou

K vytvoření tvarů s plnou barvou můžete použít metody FillRectangle(), FillEllipses() nebo FillTriangle().

1. Nejprve vytvořte objekt štětce.

   Barva fialová = Barva. FromArgb (255, 128, 0, 0);
   SolidBrush solidBrush = nový SolidBrush (fialový);

2. Použijte metody FillRectangle(), FillEllipses() nebo FillTriangle(). Fungují stejným způsobem jako funkce kreslení výše, kromě toho, že místo pera používají objekt Brush.

   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. Místo zadávání souřadnic můžete také zadat objekt tvaru přímo.

   Obdélník obdélník = nový obdélník (100, 350, 500, 200);
   E. Grafika. FillRectangle (solidBrush, obdélník);

4. Použijte HatchBrush k vyplnění tvaru pomocí jiného stylu výplně, jako je horizontální nebo vertikální vzor.

   Barva modrá = Barva. FromArgb (255, 0, 0, 255);
   Barva zelená = Barva. FromArgb (255, 0, 255, 0);
   HatchBrush hatchBrush = nový HatchBrush (HatchStyle. Horizontální, zelená, modrá);
   E. Grafika. FillRectangle (hatchBrush, 50, 50, 200, 250);

5. TextureBrush můžete použít k vyplnění tvaru pomocí obrázku. Zde vytvořte bitmapu ukázáním na soubor obrázku. Místo vytváření štětce pomocí barvy jej vytvořte pomocí obrázku.

   Bitmapový obrázek = (Bitmapový) obrázek. FromFile(@"C:\Users\Sharl\Desktop\flag.bmp", true);
   TextureBrush textureBrush = nový TextureBrush (obrázek);
   E. Grafika. FillRectangle (textureBrush, 100, 100, 500, 400);

Jak vykreslit obrázky do formuláře

Chcete-li vykreslit obrázek, vytvořte ovládací objekt ovládacího prvku PictureBox a přidejte jej do formuláře.

1. Vytvořte ovládací objekt PictureBox pomocí souboru obrázku.

   PictureBox picture = new PictureBox();
   obrázek. ImageLocation = @"C:\Users\Sharl\Desktop\flagLarge.bmp";
   

2. Nastavte velikost obrázku a přidejte jej do formuláře, aby se vykreslil.

   obrázek. SizeMode = PictureBoxSizeMode. Automatická velikost;
   tento. Řízení. Přidat (obrázek);

3. Stisknutím zeleného tlačítka Start v horní části zobrazíte obrázek.

Přidání dalších tvarů do formuláře Windows

Nyní byste měli pochopit, jak přidat čáry, tvary a obrázky do formuláře Windows. Tvary můžete kombinovat a vytvářet tak nové tvary. Můžete si také pohrát s vestavěnými funkcemi a vytvořit tak složitější tvary.

O autorovi

Sharlene von Drehnen (Zveřejněno 7 článků)

Sharlene je Tech Writer na MUO a také pracuje na plný úvazek ve vývoji softwaru. Má bakalářský titul v oboru IT a má předchozí zkušenosti se zajišťováním kvality a univerzitním doučováním. Sharlene miluje hry a hru na klavír.

Více od Sharlene Von Drehnen