WPF 使用 Microsoft.Toolkit.Wpf.UI.Controls 的 InkCanvas 做高性能笔迹应用

本文告诉大家如何在 WPF 中应用上 UWP 的笔迹控件，从而实现性能超级高的笔迹应用的方法

先新建一个 .NET Core 3.1 的 WPF 应用，当前的方法不支持 .NET Framework 版本。但是请安心，因为带 UWP 控件的应用只能在 Win10 下跑，而 Win10 是不存在 .NET Core 的环境问题的，因此采用 .NET Core 框架将会非常稳

编辑此 WPF 应用的 csproj 项目文件，替换为如下代码



  
    WinExe
    netcoreapp3.1
    true
    win10-x64;win-x64;win10-x86;win-x86

以上的关键在于加上 RuntimeIdentifiers 属性和 Microsoft.VCRTForwarders.140 的引用，如果没有加上，那么将会看到如下提示

  C:Program Filesdotnetsdk5.0.101SdksMicrosoft.NET.SdktargetsMicrosoft.PackageDependencyResolution.targets(241,
5): error NETSDK1047: 资产文件“C:lindexidoubiLaykearduchuNachairgurharhearobjproject.assets.json”没 有“netcore
app3.1/win-x86”的目标。确保已运行还原，且“netcoreapp3.1”已包含在项目的 TargetFrameworks 中。可能需要在项目 RuntimeIdentifiers 中包括“win-x86”。 [C:lindexidoubiLaykearduchuNachairgurharhearLaykearduchuNachairgurharhear.csproj]

接下来打开 MainWindow.xaml 文件，添加如下代码

此时就可以在 WPF 应用中添加 UWP 的 InkCanvas 控件了，但是默认此控件是不能写字的。因此咱将在后台代码的 InkCanvas_Loaded 设置让笔迹控件可以在鼠标下画出笔迹

        private void InkCanvas_Loaded(object sender, RoutedEventArgs e)
        {
            InkCanvas.InkPresenter.InputDeviceTypes = CoreInputDeviceTypes.Mouse;
        }

现在代码看起来还不多，其实通过如上的代码就是最简单的方式让 WPF 引用 UWP 的笔迹控件了。但是默认此时的应用还不能被运行，因为要用 UWP 的控件就需要做一次桌面打包，此时需要做的是再创建一个打包项目用来辅助打包。打包之后依然可以作为 Win32 的应用分发哈，不需要绑定到应用商店里面

接下来的步骤稍微多一些，好在本文最后放了本次用到的所有的代码，大家可以在本文最后拿到所有代码

新建一个打包项目，接着右击打包项目的应用程序，点击添加引用。添加刚才创建的 WPF 的引用。这里 VisualStudio 将会自动建立启动入口的联系，咱只需要点一下鼠标即可哈

接下来是新建一个测试使用的证书，测试使用的证书用于辅助安装 msix 安装包文件

新建测试证书的方法是双击 Package.appxmanifest 文件，点击打包，点击选择证书，点击创建证书。不需要设置密码，点击确定即可

这样就相当于完全完成了一个最简单的应用了，我推荐大家先完成这个最简单的应用，然后再继续添加自己的功能哈

设置打包应用作为 VisualStudio 启动项目，接着按下 F5 即可执行。更多请看 VisualStudio 快速设置启动项目

如果期望在服务器做自动打包，可以在命令行，进入打包应用的 csproj 所在文件夹，输入下面命令即可自动构建

msbuild -restore

通过以上命令即可构建出 Debug 版本的 msix 包，默认将会打包应用的 AppPackages 文件夹里面。如果需要构建出发布版本的 release 版本的安装包，请使用以下命令，更多请看 MSBuild 常用参数

msbuild -restore /p:Configuration=Release

默认输出的是 msix 包，而因为咱的证书是自己创建的测试证书，因此需要用上 Install.ps1 进行安装。更多请参阅旁加载安装部分的内容

如果做分发此应用的话，推荐使用加强版在国内分发 UWP 应用正确方式通过win32安装UWP应用的方法进行分发，此时就不需要让用户去关注证书问题

以上的代码放在 github 和 gitee 欢迎访问

可以通过如下方式获取本文的源代码，先创建一个空文件夹，接着使用命令行 cd 命令进入此空文件夹，在命令行里面输入以下代码，即可获取到本文的代码

git init
git remote add origin https://gitee.com/lindexi/lindexi_gd.git
git pull origin 739665b601d4af8a021fd30960278ed7cbe2b441

以上使用的是 gitee 的源，如果 gitee 不能访问，请替换为 github 的源

git remote remove origin
git remote add origin https://github.com/lindexi/lindexi_gd.git

获取代码之后，进入 LaykearduchuNachairgurharhear 文件夹

如果不想走 UWP 安装包，也可以放在 WPF 应用程序上，请看 WPF 引用 UWP 控件不打包为 MSIX 分发的方法

更多触摸请看 WPF 触摸相关更多笔迹相关请看

WPF 渲染原理
高性能笔迹原理
WPF 高性能笔
WPF 高速书写 StylusPlugIn 原理
WPF 最小的代码使用 DynamicRenderer 书写
WPF 使用 Composition API 做高性能渲染
WPF 使用 Win2d 渲染
win10 uwp win2d CanvasVirtualControl 与 CanvasAnimatedControl
WPF 最简逻辑实现多指顺滑的笔迹书写
WPF 笔迹触摸点收集工具
WPF 实现自定义的笔迹橡皮擦

我搭建了自己的博客 https://blog.lindexi.com/ 欢迎大家访问，里面有很多新的博客。只有在我看到博客写成熟之后才会放在csdn或博客园，但是一旦发布了就不再更新

如果在博客看到有任何不懂的，欢迎交流，我搭建了 dotnet 职业技术学院欢迎大家加入

如有不方便在博客评论的问题，可以加我 QQ 2844808902 交流

本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。欢迎转载、使用、重新发布，但务必保留文章署名林德熙(包含链接:http://blog.csdn.net/lindexi_gd )，不得用于商业目的，基于本文修改后的作品务必以相同的许可发布。如有任何疑问，请与我联系。

WPF 使用 Microsoft.Toolkit.Wpf.UI.Controls 的 InkCanvas 做高性能笔迹应用

.Net相关栏目本月热门文章