模式跟踪应用程序为Windows商店

本文关键字:Windows 商店 应用程序 跟踪 模式 | 更新日期: 2023-09-27 18:17:46

我目前正在开发一个教育Windows商店应用程序,用户可以在其中追踪字母(例如,A, B, C,但不限于英语)来学习基本的写作。

如何检测输入,然后将其与使用c#和XAML的字母的图像掩码进行比较?

模式跟踪应用程序为Windows商店

要做到这一点,您需要有一些方法来光栅化您希望用户跟踪的文本。然后,为了提供他们是否正确跟踪的反馈,你需要持续地监听绘制事件,并将输入与他们应该绘制的内容进行比较。

基本上,如果用户在画布上画了一条或一组路径,你会希望能够提供即时反馈,看看他们是否画对了。为了给您一些指导,我建议您阅读关于SO的答案,它大致描述了如何捕获输入并将其绘制在画布上。

从这里开始,你应该考虑将用户的输入与他们应该画的字母的图像相匹配。这需要一定数量的图像匹配。为了让你开始,我建议你通读这篇文章的所有答案。


既然你似乎总体上缺乏方向,这里有一个关于如何构建你的程序的想法:

  1. 加载当前要绘制的字母,并确保执行适当的计算以尽可能多地预先确定,以便与输入进行比较。根据上面的第二个链接,这意味着在允许用户开始跟踪字母之前,您应该调用GetPixel来绘制字母(还要注意,您可能希望缩小图像以获得更好的性能)。你还需要决定你的匹配阈值是多少。试着从70%开始

  2. 在画布上捕获用户的输入,如第一个链接所述。你可能想要调整笔刷宽度,但这篇文章是一个很好的开始。

  3. MouseMove事件中,您还需要偶尔检查一下它与他们应该绘制的字母是否匹配。

  4. 一旦用户的输入在你的匹配阈值之内,移动到下一个字母。你可以考虑根据匹配百分比向他们提供他们的表现。


尝试一些值,如笔刷宽度、图像分辨率,以及将输入与字母进行比较的频率。另外,在移动到下一个要绘制的字母时,在显示"加载"提示时,尽量进行尽可能多的图像处理。