Drawing Strings via the Graphics Object in C#

Submitted by Yorkiebar on Sunday, August 24, 2014 - 20:12.

Introduction:

This tutorial is on how to draw text in .NET (C#/Visual Basic).

Labels, Textboxes?

I'm sure if you've not looked in to the 'graphics' (etc) objects in the .NET framework, you're thinking, why don't we just use labels or textboxes with their read-only property enabled. Labels and textboxes both have a surrounding area around the text which are both of different colours (however we could change this to the form background colour to give the effect of the backgrounds being removed), but would we create extra controls (labels, and textboxes) when we don't need to? That's consuming more resources than needed.

Paint Events:

We are going to be using Form1's 'paint' event to draw the text to the screen. A paint event is a script which handles the drawing of the object, all controls in the .NET framework would have some form of 'paint' event otherwise they would not be drawn to the screen and updated every frame. So in essence, the paint event handles the drawing of it's parent (the control the event is linked with) each frame in order to show updates such as additional text, button click highlights, etc.

Steps:

First create a new C#/Visual Basic project. I'll be using C# for this tutorial, then select 'Windows Form Project', give it a name and click 'Create'. Now double click on form1, click inside of the sub, then on the event panel drop down list where it currently says 'load', select 'paint'. A new 'Form1_paint' event will be created. In there, do the following...

protected override void OnPaint(PaintEventArgs e) 
{
}

We will be using the 'Graphics'.'DrawString' namespace/function to draw the string to our screen, which takes the following arguments; String text to draw, Font to draw text in (with size), Brush colour, Position, [Optional] String Format So first we want to create the string we are going to draw, I will draw 'Yorkiebar'...

string text = "Yorkiebar";

Next we want to create a font to draw the text in. I will use 'Tahoma' font with the font size of '11'...

Font font = new Font("Tahoma", 11);

Now for the font colour in the form a brush, I will use 'Black'...

Brush brush = Brushes.Black;

For the position of the text, I will go for 100, 100 from the top left (x, y)...

Point point = new Point(100, 100);

Finally we will use the 'DrawString' function to write the string using the above objects. We will leave the 'StringFormat' to default...

e.Graphics.DrawString(text, font, brush, point);

Notice, we're typing this inside of our 'paint' event, where the 'e' object is one of the parameters; the 'PaintEventArgs' - as such, it already contains the needed graphics to draw the above string.

Finished!

Here is the full source...

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
 
namespace GraphicsDrawing_Form
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }
                
                protected override void OnPaint(PaintEventArgs e)
                {
                        string text = "Yorkiebar";
                        Font font = new Font("Tahoma", 11);
                        Brush brush = Brushes.Black;
                        Point point = new Point(100, 100);
                        e.Graphics.DrawString(text, font, brush, point);
                }
    }
}

Add new comment

148 views