Как да добавите графика към C# приложение за Windows Form

Windows Forms е рамка, която ви позволява да създавате настолни приложения. Можете да щракнете и плъзнете компоненти като бутони върху визуален потребителски интерфейс. Той също така ви помага ръчно да създавате различни фигури във вашия код.

Тази статия ще ви покаже как да добавяте линии, форми и изображения към вашето приложение. Този урок използва Visual Studio 2019 Community Edition, за да покаже примери.

Какви са вградените класове, използвани за рисуване на графики?

Windows Forms използва Език за програмиране C#. Неговите вградени класове и методи ви позволяват да рисувате различни фигури върху платно на Windows Form. Те включват класовете Graphics, Pen, Color и Brush.

За да видите изходния код за работещ пример на горния урок, посетете GitHub хранилище. Можете да изпробвате следните примери, след като го направите създаде приложение на Winforms.

Как да добавите Paint към манипулатора на събития за зареждане на формуляр

Първо добавете манипулатор на събития, за да рисувате фигури, когато платното се зареди.

1. Добавете функция Paint за формуляра.

   private void Form1_Paint (подател на обект, PaintEventArgs e)
   {
    // Кодът отива тук
   }

2. Отидете в раздела Design View.
3. В прозореца Properties изберете иконата на светкавица, за да отворите раздела „Събития“.
4. В "Paint", под "Appearance", изберете функцията Form1_Paint. Това ще изпълни функцията, когато стартирате приложението.

Как да рисувате линии върху платно на Windows Form

Можете да използвате метода Color, Pen и DrawLine(), за да рисувате линии върху платно.

1. Вътре във функцията Form1_Paint() създайте обект Color с цвета, който искате да бъде линията. След това създайте обект Pen, с който да начертаете линията.

   Цвят черен = Цвят. FromArgb (255, 0, 0, 0);
   Pen blackPen = нова писалка (черна);
   

2. Методът DrawLine() от класа Graphics ще начертае линия с помощта на писалката. Това ще започне да чертае линия от позиция x, y до друга позиция x, y.

   д. графики. DrawLine (черна писалка, 300, 200, 800, 200);
   

3. Можете да промените свойствата на обекта на писалка, за да промените неговата ширина, стил на тире и начална или крайна капачка.

   черна писалка. Ширина = 20;
   черна писалка. DashStyle = Система. Рисуване. Drawing2D.DashStyle. тире;
   черна писалка. StartCap = Система. Рисуване. Drawing2D.LineCap. ArrowAnchor;
   д. графики. DrawLine (черна писалка, 300, 200, 800, 200);
   

4. Натиснете зеления бутон за възпроизвеждане в горната част на Visual Studio, за да видите промените.

Как да рисувате фигури като правоъгълници и кръгове

Можете да използвате класовете форми за различни форми или да рисувате ръчно фигури върху платното.

1. Създайте обект Color and Pen, както е показано в предишните стъпки. След това използвайте метода DrawRectangle(), за да създадете правоъгълника. Аргументите са координатите x и y за горния ляв ъгъл на правоъгълника, заедно с неговата ширина и височина.

   Цвят червен = Цвят. FromArgb (255, 255, 0, 0);
   Pen redPen = нова писалка (червена);
   червена писалка. Ширина = 5;
   д. графики. DrawRectangle (redPen, 100, 100, 500, 200);
   

2. Можете също да създадете правоъгълник с помощта на Rectangle Class. Първо, създайте правоъгълен обект. Аргументите са също координатите x и y за горния ляв ъгъл, ширина и височина.

   Правоъгълник правоъгълник = нов правоъгълник (100, 350, 500, 200);
   

3. Използвайте функцията DrawRectangle(), за да нарисувате правоъгълника. Вместо да предавате x, y, ширина и височина, както преди, можете да използвате обекта Rectangle.

   д. графики. DrawRectangle (червена писалка, правоъгълник);
   

4. Натиснете зеления бутон за възпроизвеждане в горната част на Visual Studio, за да видите промените.
5. Върнете се към кода, за да нарисувате други фигури. Използвайте функцията DrawEllipse(), за да нарисувате кръг.

   Цвят зелен = Цвят. FromArgb (255, 0, 255, 0);
   Писалка greenPen = нова писалка (зелена);
   зелена писалка. Ширина = 5;
   д. графики. DrawEllipse (greenPen, 400, 150, 400, 400);

   Когато рисувате кръг, координатите x и y (x=400, y=150) се отнасят до горния ляв ъгъл на кръга, а не до центъра на кръга.
6. За да нарисувате други форми, като триъгълници или шестоъгълници, използвайте метода DrawPolygon(). Тук можете да посочите списък с координати за представяне на точките на фигурата.

   Син цвят = Цвят. ОтArgb (255, 0, 0, 255);
   Pen bluePen = нова писалка (синя);
   bluePen. Ширина = 5;
   PointF[] координатиForTriangle = new PointF[] {
    нова точка F(400, 150),
    нова точка F(300, 300),
    нова точка F(500, 300)
   };
   д. графики. DrawPolygon (bluePen, координатиForTriangle);
   

   Методът DrawPolygon() ще начертае линии между посочените точки. ​​​​​​

Как да използвате класа Brush за запълване на фигури с цвят

Можете да използвате методите FillRectangle(), FillEllipses() или FillTriangle(), за да създавате фигури с плътен цвят.

1. Първо, създайте обект с четка.

   Цвят лилав = Цвят. FromArgb (255, 128, 0, 0);
   SolidBrush solidBrush = нова SolidBrush (лилаво);

2. Използвайте методите FillRectangle(), FillEllipses() или FillTriangle(). Те работят по същия начин като функциите за рисуване по-горе, с изключение на това, че вместо Pen, използват обект Brush.

   д. графики. FillRectangle (solidBrush, 50, 50, 200, 250);
   д. графики. FillEllipse (solidBrush, 300, 50, 200, 200);
   д. графики. FillPolygon (solidBrush, new PointF[] { new PointF(700, 150), new PointF(600, 300), new PointF(800, 300) });

3. Можете също да въведете директно обект с форма, вместо да предоставяте координати.

   Правоъгълник правоъгълник = нов правоъгълник (100, 350, 500, 200);
   д. графики. FillRectangle (solidBrush, rectangle);

4. Използвайте HatchBrush, за да запълните формата, като използвате различен стил на запълване, като хоризонтален или вертикален модел.

   Син цвят = Цвят. ОтArgb (255, 0, 0, 255);
   Цвят зелен = Цвят. FromArgb (255, 0, 255, 0);
   HatchBrush hatchBrush = нов HatchBrush (HatchStyle. Хоризонтално, зелено, синьо);
   д. графики. FillRectangle (hatchBrush, 50, 50, 200, 250);

5. Можете да използвате TextureBrush, за да запълните форма с помощта на изображение. Тук създайте растерна карта, като посочите файл с изображение. Вместо да създавате четка с цвят, създайте я с помощта на изображението.

   Растерно изображение = (Растрово изображение) Изображение. FromFile(@"C:\Users\Sharl\Desktop\flag.bmp", true);
   TextureBrush textureBrush = нова четка за текстура (изображение);
   д. графики. FillRectangle (textureBrush, 100, 100, 500, 400);

Как да изобразите изображения във формуляра

За да изобразите изображение, създайте контролен обект PictureBox и го добавете към формуляра.

1. Създайте контролен обект PictureBox, като използвате файл с изображение.

   PictureBox снимка = нова PictureBox();
   картина. ImageLocation = @"C:\Users\Sharl\Desktop\flagLarge.bmp";
   

2. Задайте размера на изображението и го добавете към формата, така че да се изобрази.

   картина. SizeMode = PictureBoxSizeMode. AutoSize;
   това. Контроли. Добавете (снимка);

3. Натиснете зеления бутон за стартиране в горната част, за да видите изображението.

Добавяне на още форми към вашия Windows формуляр

Сега трябва да разберете как да добавяте линии, форми и изображения към вашия формуляр на Windows. Можете да комбинирате форми, за да създадете нови форми. Можете също така да си играете с вградените функции, за да създавате по-сложни форми.

За автора

Шарлин фон Дренен (публикувани 7 статии)

Шарлийн е технически писател в MUO и също така работи на пълен работен ден в разработката на софтуер. Тя има бакалавърска степен по ИТ и предишен опит в осигуряването на качество и преподаване в университета. Шарлийн обича да играе и да свири на пиано.

Още от Sharlene Von Drehnen