win10 uwp 筆跡書寫預測 墨跡書寫加速

在 UWP 的 InkCanvas 里自帶了預測書寫軌跡的功能，開啟此功能可以進行書寫預測，從而減少書寫延遲。本文將告訴大家如何在 UWP 的 InkCanvas 里開啟筆跡書寫預測功能

在 UWP 的 InkCanvas 里開啟筆跡書寫預測功能只需要設置 InkModelerAttributes 的 PredictionTime 屬性即可，這個屬性是用來設置預測的時間量。預設值為 15 毫秒，有效範圍為 0 到 20 毫秒，也就是最多能預測 20 毫秒之後的軌跡點。印象中在 10240 的文檔裡面，是有一個使用 Inertia 慣性預測演算法的筆跡書寫預測的，但是我現在還沒找到文檔

設置 InkModelerAttributes 的 PredictionTime 屬性需要先獲取到 InkDrawingAttributes 對象，因為 InkModelerAttributes 是 InkDrawingAttributes 里的一個屬性

演示的項目如下，先在 MainPage.xaml 添加以下代碼

    <Grid>
        <InkCanvas x:Name="InkCanvas"></InkCanvas>
    </Grid>

以上代碼在界面里存放一個 InkCanvas 元素

接著在構造函數使用以下代碼設置筆跡書寫預測

            var inkPresenter = InkCanvas.InkPresenter;
            inkPresenter.InputDeviceTypes =
                CoreInputDeviceTypes.Touch | CoreInputDeviceTypes.Mouse | CoreInputDeviceTypes.Pen;
            var defaultDrawingAttributes = inkPresenter.CopyDefaultDrawingAttributes();
            defaultDrawingAttributes.Color = Colors.Red;
            defaultDrawingAttributes.ModelerAttributes.PredictionTime = TimeSpan.FromMilliseconds(20);
            inkPresenter.UpdateDefaultDrawingAttributes(defaultDrawingAttributes);

以上核心代碼就是通過 defaultDrawingAttributes.ModelerAttributes.PredictionTime = TimeSpan.FromMilliseconds(20); 設置預測時間量。設置為最大的 20 毫秒

如此即可完成筆跡書寫預測功能，運行代碼，在屏幕上用觸摸書寫，可以看到在實際滑鼠游標之前就能畫出一段在不斷變更的筆跡

修改 PredictionTime 屬性的值，可以在性能比較差的設備上看到比較明顯的效果

這個技術在許多 UWP 應用上，例如 OneNote UWP 等都是預設開啟的

但是畢竟是預測的，肯定存在糾錯時候，這時將會發現筆跡的筆尖抖動。也就是開啟筆跡預測功能，能夠降低延遲，但是可能在預測和實際觸摸點不符合時筆尖會變更

詳細請參閱 InkModelerAttributes.PredictionTime - Windows UWP applications Microsoft Learn

如期望更換預測演算法或者做更底層控制，請參閱 DelegatedInkTrailVisual.AddTrailPointsWithPrediction Method (Windows.UI.Composition) - Windows UWP applications Microsoft Learn

本文代碼放在github 和 gitee 歡迎訪問

可以通過如下方式獲取本文以上的源代碼，先創建一個名為 KalljelcufedilaiCaiheebeferwhearlair 的空文件夾，接著使用命令行 cd 命令進入此空文件夾，在命令行裡面輸入以下代碼，即可獲取到本文的代碼

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

以上使用的是 gitee 的源，如果 gitee 不能訪問，請替換為 github 的源。請在命令行繼續輸入以下代碼

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

獲取代碼之後，進入 KalljelcufedilaiCaiheebeferwhearlair 文件夾

更多觸摸和筆跡書寫相關請看 WPF 觸摸相關

博客園博客只做備份，博客發佈就不再更新，如果想看最新博客，請到 https://blog.lindexi.com/