Uwp.Ui.Lottie 不显示动画

Posted 2023-03-25

【中文标题】Uwp.Ui.Lottie 不显示动画

【英文标题】：Uwp.Ui.Lottie does not show animation

【发布时间】：2022-01-15 20:01:25

【问题描述】：

我在 UWP 项目中使用 Microsoft.Toolkit.Uwp.UI.Lottie。简单地说，来自lottiefiles 的动画文件在此代码中无效。

<muxc:AnimatedVisualPlayer x:Name="LottiePlayer" AutoPlay="True" Stretch="Uniform" Width="1280" Height="720" HorizontalAlignment="Right" VerticalAlignment="Bottom">
     <lottie:LottieVisualSource x:Name="LottieJsonSource" UriSource="ms-appx:///AnimatedVisuals/88759-exploding-star.json" Options="All"/>
</muxc:AnimatedVisualPlayer>

我也尝试从后面的代码中调用PlayAsync(double, double, bool)，但没有任何反应。我还尝试了不同版本的 Lottie，不同的 SDK 目标，但同样没有任何反应。

我不想使用 LottieGen 中的类，因为动画会略有不同。

那我做错了什么？

【参考方案1】：

Uwp.Ui.Lottie 不显示动画

在我的测试期间。它可以通过使用LottieVisualSource来渲染带有json文件的动画，但是json文件应该设置为内容，请找到您的json文件并右键单击属性->构建操作->设置为内容，如下所示。为确保AnimatedVisualPlayer 大小合适，请设置固定高度和宽度以进行测试。