Windows Ink - UWP应用程序

Question

我正在开发一个uwp应用程序，我正在使用Microsoft的这个示例中的一些代码（https://github.com/Microsoft/Windows-appsample-coloringbook）。在此示例中，您可以从包含多个图像的集合中选择图像，然后使用Windows Ink绘制/写入该图像。简历中：主页 - “新着色页”（WelcomePage.xaml） - ＆gt;选择集合（PickCollectionPage.xaml） - ＆gt;选择图片（PickColoringPage.xaml） - ＆gt;用户可以绘制/绘制（ColoringPage.xaml）。 我只想要这样：页面 - “新着色页面”（WelcomePage.xaml） - ＆gt;用户可以绘制/绘画。 我没有加载用户选择的图像（如例子中所示），而是默认情况下只放置一个白色背景，用户可以在这个白色/空白背景中绘画，书写或绘图。

Answer 1

  

不是加载用户选择的图像（如例子中所示），我想在默认情况下放置一个白色背景，用户可以画出

您实际想要做的事情比“Coloringbook”样本要简单得多。绘制相对功能由InkCanvas与InkToolbar控件关联实现。您只需要从WelcomePage导航到包含InkCanvas的新页面，其中包含您想要的功能而无需加载图片。为此，您可以参考SimpleInk官方样本的方案2。

如果您确实想要根据“Coloringbook”示例应用生成项目，可以对代码进行一些更改并删除其他功能。例如，更改导航页面如下，

 //WelcomePage
 private void Color_Click(object sender, RoutedEventArgs e)
 {
     this.Frame.Navigate(typeof(ColoringPage));
     //this.Frame.Navigate(typeof(PickCollectionPage));
 }

并删除OnNavigatedTo上用于加载图片的ColoringPage方法，为Height设置Width和InkCanvas，而不是{{1}设置方法。

Image_Opened

应更新//ColoringPage.Xaml <Viewbox> <InkCanvas x:Name="myInkCanvas" Height="500" Width="500"/> </Viewbox> 中包含图片相关代码段的所有方法。有关更新代码段以满足您的要求的详细信息，请自行尝试。