1

像这里所说的那样创建了简单的动画：https ://docs.microsoft.com/en-us/windows/communitytoolkit/animations/lottie-scenarios/getting_started_json

<controls:AnimatedVisualPlayer AutoPlay="True" Width="90" Height="90">
    <lottie:LottieVisualSource UriSource="ms-appx:///Utils/17477-orange-payment.json"/>
<controls:AnimatedVisualPlayer>

它适用于 UWP，不适用于 Android。

我引用的内容：

UWP
 <PackageReference Include="Microsoft.Extensions.Logging.Console">
      <Version>1.1.2</Version>
    </PackageReference>
    <PackageReference Include="Microsoft.Extensions.Logging.Filter">
      <Version>1.1.2</Version>
    </PackageReference>
    <PackageReference Include="Microsoft.NETCore.UniversalWindowsPlatform">
      <Version>6.2.10</Version>
    </PackageReference>
    <PackageReference Include="Microsoft.Toolkit.Uwp.UI.Lottie">
      <Version>6.0.0</Version>
    </PackageReference>
    <PackageReference Include="Microsoft.UI.Xaml">
      <Version>2.3.200213001</Version>
    </PackageReference>
    <PackageReference Include="Uno.Microsoft.Toolkit.Uwp.UI">
      <Version>5.1.0-build.200.gf9c311b069</Version>
    </PackageReference>
    <PackageReference Include="Uno.UI">
      <Version>2.1.37</Version>
    </PackageReference>

Android
 <PackageReference Include="Com.Airbnb.Android.Lottie">
      <Version>3.0.4</Version>
    </PackageReference>
    <PackageReference Include="Microsoft.UI.Xaml">
      <Version>2.3.200213001</Version>
    </PackageReference>
    <PackageReference Include="Uno.Microsoft.Toolkit.Uwp.UI">
      <Version>5.1.0-build.200.gf9c311b069</Version>
    </PackageReference>
    <PackageReference Include="Uno.UI" Version="2.2.0-dev.390" />
    <PackageReference Include="Uno.UI.Lottie">
      <Version>2.2.0-dev.390</Version>
    </PackageReference>
    <PackageReference Include="Uno.UniversalImageLoader" Version="1.9.32" />
    <PackageReference Include="Microsoft.Extensions.Logging.Console" Version="1.1.2" />
    <PackageReference Include="Microsoft.Extensions.Logging.Filter" Version="1.1.2" />

该应用程序在没有 的情况下运行NotImplementedException，在 Android 上只是透明的。任何样品都会很棒！

4

1 回答 1

0

也许您的 json 文件未正确捆绑/包含？

在 WASM、iOS 和 macOS 上，您可以将 Lottie .json 文件直接放在共享项目的文件夹中（例如“Lottie/myanimation.json”）并将其构建操作设置为内容。

在 Android 上，需要将 Lottie .json 文件添加到 Assets 文件夹中。为了匹配与其他平台相同的路径，该文件可以存储在“Assets/Lottie/myanimation.json”中。将其构建操作设置为 AndroidAsset。

要在 XAML 中引用动画，请使用ms-appx:URI，在本例中为ms-appx:///Lottie/myanimation.json.

另请注意，在 Android 上，当前不支持的Stretch模式。Fill

Uno Lottie 文档参考

其他可能性，但我注意到您的文件包含“-”，我知道 Android 讨厌图像中的那些字符，您可以尝试重命名您的文件。

于 2020-04-07T16:03:27.320 回答