如何在 PictureBox 中每次单击鼠标时绘制一个小点

Question

我有一个

WinForms

程序，用户可以单击

PictureBox

控件。
每次用户点击时，我都想要一个小红点（几个像素）。
我也不希望之前的任何点消失。

我知道我需要一个椭圆和矩形的通用列表，但不知道如何执行它。我该怎么做呢？

在我的程序中，

pictureBox1_Click

方法处理鼠标单击事件并返回单击的位置。

pictureBox1_Paint

方法处理要在这些点上绘制的图形。

Answer 1

您必须创建一个可以引用 Points 集合的容器，并在每次单击可绘制控件时向集合中添加一个点。

也许，您还想根据某些条件或要求创建不同类型的绘图点。
因此，您还需要存储这些额外的属性，而不仅仅是点坐标。
如果是这样，您需要一个专门的对象来在需要时公开这些属性。

因此，这是一个具有一些简单属性的自定义

Class

对象，可让您定义点的颜色和大小。对于每个积分集合。
它还实现了

IDisposable

接口，因为我们需要为绘制的每个 Point 创建一个

Pen

对象。并且需要处置一个

Pen

对象（实现

IDisposable

）。

要执行绘图，您只需调用

Control.Invalidate()

（示例中为

pictureBox1.Invalidate()

）。这会导致重新绘制控件的无效部分，从而引发

OnPaint()

事件。
每个点（需要重新绘制）都是使用

e.Graphics.DrawEllipse()

.

绘制的

你可以这样测试：

使用预定义属性，仅使用鼠标指针坐标：

myPoints.Add(new MyPoints.DrawingPoint(e.Location));

当需要不同的东西时具有特定的属性：

尺寸为8x8像素

newPoint.Dot = new Rectangle(e.Location, new Size(8, 8)));

.

使用2像素大小的橙色笔

newPoint.DrawingPen = new Pen(Color.Orange, 2);

将此新点添加到集合中

myPoints.DrawingPoints.Add(newPoint);

Clear()

方法用于

Dispose()

当前的点列表并创建一个新的空列表：

MyPoints.Clear();

示例实现：

MyPoints myPoints = new MyPoints();

private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
    //Use default property values
    //myPoints.Add(new MyPoints.DrawingPoint(e.Location));

    MyPoints.DrawingPoint newPoint = new MyPoints.DrawingPoint();
    newPoint.Dot = new Rectangle(e.Location, new Size(4, 4));
    newPoint.DrawingPen = new Pen(Color.Red, 2);
    myPoints.DrawingPoints.Add(newPoint);
    (sender as Control).Invalidate();
}

private void pictureBox1_Paint(object sender, PaintEventArgs e)
{
    foreach (MyPoints.DrawingPoint mypoint in myPoints.DrawingPoints) {
        e.Graphics.SmoothingMode = SmoothingMode.AntiAlias;
        e.Graphics.DrawEllipse(mypoint.DrawingPen, mypoint.Dot);
    }
}

private void Form1_FormClosing(object sender, FormClosingEventArgs e)
{
    myPoints.Dispose();
}

Point对象集合类容器:

internal class MyPoints : IDisposable
{
    bool IsDisposed = false;
    public MyPoints() => DrawingPoints = new List<DrawingPoint>();

    public List<DrawingPoint> DrawingPoints { get; set; }
    public void Add(DrawingPoint NewPoint)
    {
        if (NewPoint.Dot.Size.Width > 1 && NewPoint.Dot.Size.Height > 1) {
            DrawingPoints.Add(NewPoint);
        }
    }

    public void Clear()
    {
        Dispose();
        DrawingPoints.Clear();
        DrawingPoints = new List<DrawingPoint>();
    }

    public void Remove(Point point)
    {
        Remove(DrawingPoints.Select((p, i) => { if (p.Dot.Contains(point)) return i; return -1; }).First());
    }

    public void Remove(int Index)
    {
        if (Index > -1) {
            DrawingPoints[Index].Delete();
            DrawingPoints.RemoveAt(Index);
        }
    }

    public void Dispose()
    {
        Dispose(true);
        GC.SuppressFinalize(this);
    }

    protected void Dispose(bool IsSafeDisposing)
    {
        if (IsSafeDisposing && (!IsDisposed) && (DrawingPoints.Count > 0)) {
            foreach (DrawingPoint dp in DrawingPoints)
                if (dp != null) dp.Delete();
        }
    }

    public class DrawingPoint
    {
        Pen m_Pen = null;
        Rectangle m_Dot = Rectangle.Empty;

        public DrawingPoint() : this(Point.Empty) { }
        public DrawingPoint(Point newPoint)
        {
            m_Pen = new Pen(Color.Red, 1);
            m_Dot = new Rectangle(newPoint, new Size(2, 2));
        }

        public Pen DrawingPen { get => m_Pen; set => m_Pen = value; }
        public Rectangle Dot { get => m_Dot; set => m_Dot = value; }
        public void Delete()
        {
            if (m_Pen != null) m_Pen.Dispose();
        }
    }
}

这就是它的工作原理，在需要时更改其属性：

Answer 2

基本上必须使用GDI+

检查以下代码：

    private void pictureBox1_Click(object sender, EventArgs e)
    {
        Graphics g = Graphics.FromImage(pictureBox1.Image);
        Pen p = new Pen(Color.Red, 3);

        var cursorPosition = pictureBox1.PointToClient(Cursor.Position);
        g.DrawEllipse(p, cursorPosition.X, cursorPosition.Y, 15, 15);

        MyCircles.Add(cursorPosition);
        pictureBox1.Refresh();
    }


    List<Point> MyCircles = new List<Point>();

    private void pictureBox1_DoubleClick(object sender, EventArgs e)
    {
        foreach (var item in MyCircles)
        {
            MessageBox.Show($"One circle was created: X:{item.X}, Y:{item.Y}");
        }
    }

MyCircles 列表仅适用于您想要存储圆圈以便稍后重新显示带有圆圈的图像时，双击是使用它的示例（我的意思是持久性目的，因为在您关闭应用程序之前圆圈不会离开图像） ）。检查其他 g 方法来绘制线条、矩形或其他内容。 （使用 System.Drawing 命名空间）

Answer 3

我为我的问题想出了一个简单的解决方案 我制作了一个矩形列表：

        List<Rectangle> rects = new List<Rectangle>();

并通过单击添加矩形：

        private void pictureBox1_Click(object sender, MouseEventArgs e)
        {
             rects.Add(new Rectangle(e.Location, new Size(4,4)));
        }

并画出要点：

        private void pictureBox1_Paint(object sender, PaintEventArgs e)
    {
        foreach (var rect in rects)
        {

            e.Graphics.SmoothingMode = SmoothingMode.AntiAlias;
            e.Graphics.DrawEllipse(magenta,rect);
        }
    }

并添加了使用 rects.Clear() 清除绘图的方法