WPF InkCanvas绘制矩形和椭圆

在本文中，我们将深入探讨如何在Windows Presentation Foundation (WPF) 中使用InkCanvas控件来绘制矩形和椭圆。InkCanvas是WPF提供的一种用于手写和绘图的控件，它允许用户使用鼠标或触笔进行自由绘画，并且支持多种图形元素的绘制。 我们来看一下提供的XAML代码。在这个示例中，我们创建了一个窗口（Window）包含了两个主要部分：一个Image控件（imgMeasure）和一个InkCanvas控件（inkCanvasMeasure）。Image控件用于显示图像，而InkCanvas则用于在图像上绘制矩形和椭圆。InkCanvas的宽度和高度与Image控件的实际宽度和高度绑定，确保它们保持一致。另外，我们还添加了两个ToggleButtons，分别用于切换绘制矩形和椭圆的模式。 在InkCanvas中，我们定义了两个事件处理程序：MouseDown和MouseMove。这些事件将在鼠标按下和移动时触发，用于处理绘制过程。同时，还有一个Label用于显示测量信息，它的内容由MeaInfo属性绑定。 后台代码部分（C#）展示了如何实现按钮的点击事件。例如，OpenFile_Click事件处理程序用于打开文件对话框，让用户选择图像文件。DrawSquare_Click和DrawEllipse_Click事件处理程序则用于切换绘制模式。当用户点击“Draw Square”按钮时，程序会进入绘制矩形的模式；点击“Draw Ellipse”按钮，则切换到绘制椭圆的模式。 在实际的绘制逻辑中，你需要在MouseDown和MouseMove事件处理程序中添加相应的代码。例如，在MouseDown事件中，你可以记录下鼠标按下时的位置，而在MouseMove事件中，你可以根据鼠标移动的距离来计算出矩形或椭圆的大小，并在InkCanvas上绘制。这通常涉及到计算鼠标移动的差值，以及根据当前的绘制模式（矩形或椭圆）来确定图形的形状。 对于矩形，你需要判断鼠标拖动的起点和终点，然后使用InkCanvas上的AddRectangle方法来绘制。对于椭圆，你可以先计算出椭圆的半径，然后使用AddEllipse方法。在绘制过程中，你可能还需要考虑是否允许用户拖动已绘制的图形，以及如何撤销和重做操作。 此外，InkCanvas提供了InkPresenter对象，该对象包含InkStrokes集合，用于存储用户的笔迹和绘制的图形。你可以通过修改这个集合来动态更新图形。例如，你可以添加新的Stroke对象表示绘制的矩形或椭圆，或者删除特定的Stroke以实现撤销操作。 WPF InkCanvas为开发人员提供了一种直观的方式来实现用户交互式的绘图功能，包括绘制矩形和椭圆。通过结合XAML布局和C#后台代码，你可以创建一个功能丰富的图形编辑工具，允许用户在图像上自由地添加注释、测量或标记。在实际项目中，还可以进一步扩展此功能，如添加颜色选择、线宽调整、形状填充等特性，以满足更多需求。