如何实现图形绘制时的轮廓预览，放置后轮廓自动消失？

嘿，我来帮你搞定这个轮廓预览功能！核心思路是把临时预览轮廓和最终图形彻底分开处理——预览只在界面上临时绘制，不会写到底层的bm位图里；等你松开鼠标完成放置时，再把最终形状画到底层位图上，这样预览就会自动消失，只留最终图形。

1. 定义全局状态变量 #

我们需要几个变量来跟踪绘制状态，比如是否正在绘制、起始坐标、当前工具类型：

private bool isDrawing = false;
private Point startPoint;
private Tool currItem; // 假设你已经定义了这个工具枚举（比如包含Square等选项）
private Bitmap bm;
private Color previewColor = Color.Gray; // 用和最终图形不同的颜色做预览，更清晰

2. 处理鼠标按下事件（开始绘制） #

当你按下鼠标时，记录绘制的起点，并标记为“正在绘制”状态：

private void Canvas_MouseDown(object sender, MouseEventArgs e)
{
    if (currItem == Tool.Square) // 后续可以扩展到圆形、直线等其他工具
    {
        isDrawing = true;
        startPoint = e.Location;
    }
}

3. 处理鼠标移动事件（更新预览） #

鼠标移动时，如果处于绘制状态，就触发控件重绘，让Paint事件来实时绘制临时轮廓：

private void Canvas_MouseMove(object sender, MouseEventArgs e)
{
    if (isDrawing)
    {
        Canvas.Invalidate(); // 触发重绘，刷新预览
    }
}

4. 处理鼠标松开事件（完成绘制） #

松开鼠标时，结束绘制状态，把最终图形画到底层的bm位图上，然后刷新界面：

private void Canvas_MouseUp(object sender, MouseEventArgs e)
{
    if (isDrawing && currItem == Tool.Square)
    {
        isDrawing = false;
        
        // 计算矩形的正确尺寸（避免宽高为负，不管从哪个方向拖拽都能正确绘制）
        int width = Math.Abs(e.X - startPoint.X);
        int height = Math.Abs(e.Y - startPoint.Y);
        int x = Math.Min(startPoint.X, e.X);
        int y = Math.Min(startPoint.Y, e.Y);
        
        // 把最终图形画到底层位图，这里用你原来的画笔颜色
        using (Graphics g = Graphics.FromImage(bm))
        {
            g.DrawRectangle(new Pen(new SolidBrush(panel1.BackColor)), x, y, width, height);
        }
        
        Canvas.Invalidate(); // 刷新界面，显示最终图形
    }
}

5. 重写控件的Paint事件（绘制临时预览） #

在Paint事件里，先把底层位图画到控件上，然后如果处于绘制状态，就叠加绘制临时的虚线轮廓：

private void Canvas_Paint(object sender, PaintEventArgs e)
{
    // 先绘制底层的最终图形
    e.Graphics.DrawImage(bm, 0, 0);
    
    // 如果正在绘制，就画临时预览轮廓
    if (isDrawing && currItem == Tool.Square)
    {
        // 转换鼠标坐标到控件内部，计算当前预览的矩形
        Point currentPoint = Canvas.PointToClient(Canvas.MousePosition);
        int width = Math.Abs(currentPoint.X - startPoint.X);
        int height = Math.Abs(currentPoint.Y - startPoint.Y);
        int x = Math.Min(startPoint.X, currentPoint.X);
        int y = Math.Min(startPoint.Y, currentPoint.Y);
        
        // 用虚线画笔绘制预览，和最终图形区分开
        using (Pen previewPen = new Pen(previewColor))
        {
            previewPen.DashStyle = DashStyle.Dash;
            e.Graphics.DrawRectangle(previewPen, x, y, width, height);
        }
    }
}

• 分离绘制层级：预览轮廓只画在控件的表面（Paint事件的Graphics对象），不会修改底层的bm位图，所以松开鼠标后预览自动消失，只保留位图里的最终图形
• 避免闪烁：记得把Canvas（你的PictureBox）的DoubleBuffered属性设为true，这样绘制预览时不会闪烁
• 扩展其他工具：如果要支持圆形、直线等，只需要在上述事件里添加对应工具的判断和绘制逻辑就行

内容的提问来源于stack exchange，提问作者Allan L