How to Draw Shapes at Mouse Coordinates using the C# Paint Event?

Drawing Shapes at Mouse Coordinates using the Paint Event**

In C#, a common task is to create custom drawing applications. This is typically achieved by handling the Paint event of a Control or overriding the OnPaint method in a User Control. However, understanding how to call methods with multiple arguments and use the PaintEvent can be challenging. This article will guide you through the process of drawing shapes at mouse coordinates using the Paint event.

Using the PaintEvent for Custom Drawing

When drawing on a Control's surface, it's important to use the Paint event or override OnPaint. Attempting to cache the Graphics object will lead to invalid results. Instead, use the Graphics object provided by PaintEventArgs. If you have complex drawing requirements, consider passing the Graphics object to methods that can perform specialized drawings.

Drawing Rectangles with MouseCoordinates**

To draw shapes at mouse coordinates, a common approach is to handle the MouseDown event and create a new object representing the shape, storing its starting point and other properties. As the mouse moves, the current location is used to calculate the shape's size. This information is used in the Paint event to render the shape.

Clearing the Drawing Area

To clear the drawing area, you can either remove shape objects from the list (if using a list to store shapes) and invalidate the Control or clear the list and then invalidate.

Example Implementation

The following code snippet demonstrates how to draw rectangles at mouse coordinates using the Paint event:

// Store shape parameters in a DrawingRectangle class
List<DrawingRectangle> drawingRects = new List<DrawingRectangle>();

private class DrawingRectangle
{
    public Rectangle Rect { get; set; }
    public Size Size { get; set; }
    public Point Location { get; set; }
    public Point StartPosition { get; set; }
    public Color DrawingColor { get; set; } = Color.LightGreen;
    public float PenSize { get; set; } = 3f;
}

// Start drawing on MouseDown
private void form1_MouseDown(object sender, MouseEventArgs e)
{
    if (e.Button != MouseButtons.Left) return;
    DrawingRects.Add(new DrawingRectangle()
    {
        Location = e.Location,
        Size = Size.Empty,
        StartPosition = e.Location,
        Owner = (Control)sender,
        DrawingColor = SelectedColor // Shape's Border Color
    });
}

// Update shape size on MouseMove
private void form1_MouseMove(object sender, MouseEventArgs e)
{
    if (e.Button != MouseButtons.Left) return;
    var dr = DrawingRects[DrawingRects.Count - 1];
    if (e.Y < dr.StartPosition.Y) { dr.Location = new Point(dr.Rect.Location.X, e.Y); }
    if (e.X < dr.StartPosition.X) { dr.Location = new Point(e.X, dr.Rect.Location.Y); }

    dr.Size = new Size(Math.Abs(dr.StartPosition.X - e.X), Math.Abs(dr.StartPosition.Y - e.Y));
    this.Invalidate();
}

// Draw shapes in the Paint event
private void form1_Paint(object sender, PaintEventArgs e)
{
    DrawShapes(e.Graphics);
}

// Method to draw shapes using Graphics object
private void DrawShapes(Graphics g)
{
    if (DrawingRects.Count == 0) return;
    g.SmoothingMode = SmoothingMode.AntiAlias;
    foreach (var dr in DrawingRects)
    {
        using (Pen pen = new Pen(dr.DrawingColor, dr.PenSize))
        {
            g.DrawRectangle(pen, dr.Rect);
        }
    }
}

In this example, the shape coordinates are stored in the DrawingRectangle class. The MouseDown event triggers the creation of a new shape object, and subsequent MouseMove events adjust its size dynamically. Finally, the Paint event uses the Graphics object to render the shapes on the Control's surface.

The above is the detailed content of How to Draw Shapes at Mouse Coordinates using the C# Paint Event?. For more information, please follow other related articles on the PHP Chinese website!