对比 Avalonia 和 WPF 的渲染延迟
<p>此测试发现了 WPF 的渲染非常跟输入，而 Avalonia 明显落后</p><p>在我的测试用例里面，特别让 Avalonia 窗口去接收输入，让 Avalonia 驱动 WPF 的界面。如此可以排除 Avalonia 的输入层带来的延迟。完全只对比 Avalonia 和 WPF 的渲染层</p>
<p>详细请参阅： https://github.com/AvaloniaUI/Avalonia/discussions/20562</p>
<p>实验情况如下图所示，蓝色为 Avalonia 的控件，红色是 WPF 的控件</p>
<p><img src="https://img2024.cnblogs.com/blog/1080237/202602/1080237-20260206072038256-767260617.gif" alt="" loading="lazy"></p>
<p>本次测试用的 Avalonia 版本为 11.3.11 版本</p>
<p>具体实验设计如下：</p>
<ul>
<li>新建 WPF 和 Avalonia 空白项目</li>
<li>分别在 WPF 和 Avalonia 项目的界面添加不同颜色的 Border 控件。且附加上 TranslateTransform 到 <code>Border.RenderTransform</code> 属性上，用于让 Border 控件被移动</li>
<li>让 WPF 窗口背景透明，且通过 <code>GWL_HWNDPARENT</code> (SetOwner) 让 WPF 窗口显示在 Avalonia 窗口之上。如此运行项目可在同一屏幕上看到 Avalonia 和 WPF 框架的两个窗口，其中 WPF 窗口作为透明窗口叠加在 Avalonia 窗口之上</li>
<li>在 Avalonia 框架内监听 Pointer 的按下和移动，当移动的时候设置 Border 的 TranslateTransform 的 X 坐标。随后将此坐标变更发送给到 WPF 应用，让 WPF 应用内的 Border 也做相同的 TranslateTransform 变换</li>
<li>脱离 Visual Studio 独立运行项目，使用鼠标或触摸移动 Border 控件</li>
</ul>
<p>本文所采用的测试代码放在 github 和 gitee 上，可以使用如下命令行拉取代码。我整个代码仓库比较庞大，使用以下命令行可以进行部分拉取，拉取速度比较快</p>
<p>先创建一个空文件夹，接着使用命令行 cd 命令进入此空文件夹，在命令行里面输入以下代码，即可获取到本文的代码</p>
<pre><code>git init
git remote add origin https://gitee.com/lindexi/lindexi_gd.git
git pull origin 3f38106c92a2a645e0df7b27731b5f84f3e16f78
</code></pre>
<p>以上使用的是国内的 gitee 的源，如果 gitee 不能访问，请替换为 github 的源。请在命令行继续输入以下代码，将 gitee 源换成 github 源进行拉取代码。如果依然拉取不到代码，可以发邮件向我要代码</p>
<pre><code>git remote remove origin
git remote add origin https://github.com/lindexi/lindexi_gd.git
git pull origin 3f38106c92a2a645e0df7b27731b5f84f3e16f78
</code></pre>
<p>获取代码之后，进入 AvaloniaIDemo/HohaychukeajeherLelfeajune 文件夹，即可获取到源代码</p>
<p>回答一些疑惑：</p>
<ul>
<li>按照以上的实验设计，输入层是从 Avalonia 框架来的，意味着 Avalonia 在输入处理方面还比 WPF 执行得更早。至少 WPF 需要等待 Dispatcher 调度之后才能收到输入</li>
<li>无论是 WPF 还是 Avalonia 框架，都执行了相同的上层逻辑代码，都通过 RenderTransform 进行变换</li>
<li>为什么不使用动画而是使用输入来测试？因为 WPF 和 Avalonia 的动画模块有很大的实现差异，为了控制变量，选择使用输入来做</li>
<li>选择让 WPF 窗口是透明的，如此可以让 WPF 框架承担透明窗口带来的更多渲染代价。在 WPF 框架承受了透明窗口渲染代价的前提下，依然能够轻松领先于 Avalonia 框架，如此更可说明 Avalonia 框架的渲染延迟性</li>
<li>在实际实验中，在 4K 分辨率的触摸屏上，能够感受到更大的差异，可见 Avalonia 更落后于 WPF 框架</li>
<li>是否设置 Avalonia 使用 LowLatencyDxgiSwapChain 能够解决此问题？设置 LowLatencyDxgiSwapChain 只能缓解问题，但依然在渲染延迟上落后与 WPF 框架</li>
</ul>
</div>
<div id="MySignature" role="contentinfo">
<p>博客园博客只做备份，博客发布就不再更新，如果想看最新博客，请访问 https://blog.lindexi.com/</p>
<p>如图片看不见，请在浏览器开启不安全http内容兼容</p>
<img alt="知识共享许可协议" style="border-width: 0" src="https://licensebuttons.net/l/by-nc-sa/4.0/88x31.png"><br>本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。欢迎转载、使用、重新发布，但务必保留文章署名[林德熙](https://www.cnblogs.com/lindexi)(包含链接:https://www.cnblogs.com/lindexi )，不得用于商业目的，基于本文修改后的作品务必以相同的许可发布。如有任何疑问，请与我[联系](mailto:lindexi_gd@163.com)。<br><br>
来源：https://www.cnblogs.com/lindexi/p/19582321
頁:
[1]