光标后的UWP放大镜控件（工具）

Question

我现在正在从事一项作业，被要求创建一个应用程序来选择图像上的区域，该区域能够放大光标周围图像的一部分。

现在我卡在放大镜部分。 WPF中有一个放大镜控件，但是UWP呢？有没有人有过在UWP中创建放大镜的经验？

到目前为止，我已经找到了这个，但是UWP具有不同的API： http://csharphelper.com/blog/2015/06/zoom-and-crop-a-picture-in-c/

我的逻辑是： 1.在光标周围画一个圆，并在每次光标移动时重新绘制。 2.截取屏幕快照（渲染）指定区域 3.放大 4.用放大的图像（位图）填充圆圈

任何提示或建议将不胜感激。谢谢

Answer 1

  

  
1. 在光标周围绘制一个圆圈，并在每次光标移动时重新绘制。
  

您可以为面板（例如Canvas）注册PointerMoved事件，并使用以下方法获取当前指针：

private void Canvas_PointerMoved(object sender, PointerRoutedEventArgs e)
{
    var pointer = e.GetCurrentPoint(sender as UIElement);
}

然后，您可以在其上添加Ellipse并通过当前指针设置其位置。

  

  
1. 截取屏幕快照（渲染）指定区域
  

您可以使用RenderTargetBitmap 类API来渲染特定区域。

  

  
1. 放大区域
  

您可以调整rendertargetbitmap的大小。检查此线程How to Resize the RenderTargetBitmap。

  

  
1. 用放大的图像（位图）填充圆圈
  

获得最终的rendertargetbitmap后，可以使用它制作一个ImageBrush，然后可以将此ImageBrush指定为Ellipse的Fill属性，如下所示：

ellipse.Fill = new ImageBrush() { ImageSource = renderTargetBitmap};