如何删除用 Canvas 创建的矩形?

Posted

技术标签:

【中文标题】如何删除用 Canvas 创建的矩形?【英文标题】:How delete a rectangle created with Canvas? 【发布时间】:2015-12-24 00:00:01 【问题描述】:

我有一个使用鼠标在TPaintBox 组件中绘制的矩形。 那么,如何在TPaintBox 的“mouse up event”之后从我的应用程序中删除这个矩形(完全)?

欢迎提出任何建议。

这是我绘制这个矩形的代码:

private
    FSelecting: Boolean;
    FSelection: TRect;
  end;

procedure TForm1.PaintBox1MouseDown(Sender: TObject; Button: TMouseButton;
  Shift: TShiftState; X, Y: Integer);
begin
  FSelection.Left := X;
  FSelection.Top := Y;
  FSelecting := True;
end;

procedure TForm1.PaintBox1MouseMove(Sender: TObject; Shift: TShiftState; X,
  Y: Integer);
begin
  if FSelecting then
  begin
    FSelection.Right := X;
    FSelection.Bottom := Y;
    PaintBox1.Invalidate;
  end;
end;

procedure TForm1.PaintBox1MouseUp(Sender: TObject; Button: TMouseButton;
  Shift: TShiftState; X, Y: Integer);
begin
  FSelecting := False;
  FSelection.Right := X;
  FSelection.Bottom := Y;
  PaintBox1.Invalidate;
end;

procedure TForm1.PaintBox1Paint(Sender: TObject);
begin
  PaintBox1.Canvas.Brush.Color := clRed;
  PaintBox1.Canvas.Rectangle(FSelection);
end;

【问题讨论】:

在绘制矩形之前保存该区域,并在需要时恢复它原来的样子。 或者,只是重新绘制之前在该位置绘制的内容,而不是保存之前的绘制。 为什么要使用纯红色框来选择某些内容,而不是使用带有边框的透明框?您希望用户看到正在选择的内容吗? 【参考方案1】:

您不能删除绘图,您必须在其上绘制其他内容。

在您显示的代码中,您可以简单地将FSelection 设置为一个空的 0x0 矩形,然后将Invalidate() 再次设置为PaintBox。它的正常图片将被绘制,您不会在其上绘制矩形。

procedure TForm1.PaintBox1MouseDown(Sender: TObject; Button: TMouseButton;
  Shift: TShiftState; X, Y: Integer);
begin
  if Button = mbLeft then
  begin
    FSelection := Rect(X, Y, X, Y);
    FSelecting := True;
  end;
end;

procedure TForm1.PaintBox1MouseMove(Sender: TObject; Shift: TShiftState; X,
  Y: Integer);
begin
  if FSelecting then
  begin
    FSelection.Right := X;
    FSelection.Bottom := Y;
    PaintBox1.Invalidate;
  end;
end;

procedure TForm1.PaintBox1MouseUp(Sender: TObject; Button: TMouseButton;
  Shift: TShiftState; X, Y: Integer);
begin
  if (Button = mbLeft) and FSelecting then
  begin
    FSelecting := False;
    FSelection := Rect(0, 0, 0, 0);
    PaintBox1.Invalidate;
  end;
end;

procedure TForm1.PaintBox1Paint(Sender: TObject);
begin
  //...
  PaintBox1.Canvas.Brush.Color := clRed;
  PaintBox1.Canvas.Rectangle(FSelection);
end;

或者,假设您需要记住选定的矩形以用于其他事物,那么当FSelecting 为假时,不要将选定的矩形绘制到PaintBox 上。

procedure TForm1.PaintBox1MouseDown(Sender: TObject; Button: TMouseButton;
  Shift: TShiftState; X, Y: Integer);
begin
  if Button = mbLeft then
  begin
    FSelection := Rect(X, Y, X, Y);
    FSelecting := True;
  end;
end;

procedure TForm1.PaintBox1MouseMove(Sender: TObject; Shift: TShiftState; X,
  Y: Integer);
begin
  if FSelecting then
  begin
    FSelection.Right := X;
    FSelection.Bottom := Y;
    PaintBox1.Invalidate;
  end;
end;

procedure TForm1.PaintBox1MouseUp(Sender: TObject; Button: TMouseButton;
  Shift: TShiftState; X, Y: Integer);
begin
  if (Button = mbLeft) and FSelecting then
  begin
    FSelecting := False;
    PaintBox1.Invalidate;
  end;
end;

procedure TForm1.PaintBox1Paint(Sender: TObject);
begin
  //...
  if FSelecting then
  begin
    PaintBox1.Canvas.Brush.Color := clRed;
    PaintBox1.Canvas.Rectangle(FSelection);
  end;
end;

无论哪种方式,为了更好的衡量,你应该用虚线边框绘制透明的矩形,这样用户就可以看到他们正在选择的内容,而不会太打扰:

procedure TForm1.PaintBox1Paint(Sender: TObject);
begin
  //...
  if FSelecting then
  begin
    PaintBox1.Canvas.Brush.Style := bsClear;
    PaintBox1.Canvas.Pen.Style := psDot;
    PaintBox1.Canvas.Rectangle(FSelection);
  end;
end;

【讨论】:

非常感谢您对我的帮助。

以上是关于如何删除用 Canvas 创建的矩形?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Photoshop CS5 绘制一个 Android 矩形图标

当内部按钮触摸时,如何从 Superview 中删除以编程方式创建的子视图?

如何使用 Canvas 创建 3D 图形

如何使用 Canvas 创建 3D 图形

矩形选框工具怎么删除

如何将canvas所画的图形清除或者删除掉?