在 xamarin.forms 中应用动画

Question

有什么方法可以在 Xamarin.forms 中实现像https://codemyui.com/circular-water-fill-loading-animation/这样的动画？

Answer 1

有什么方法可以实现动画，例如...

简短的回答是； 是的。

更长的答案； 这取决于您真正需要什么，只有您可以回答。

“快速方法”（至少对我而言）是使用 Xamarin.Forms 的WebView并将 html/svg/css/JScript 嵌入到本机应用程序项目中，并设置一个 javascript 界面来控制完成百分比（ water.style.transform元素）。

• https://developer.xamarin.com/samples/xamarin-forms/WorkingWithWebview/

当然，您可以使用 SkiaSharp、Lottie 等工具重新实现它，并创建一个跨平台的 Forms 控件，或者将其实现为每个平台上的“本机”控件。

注意：我是 Lottie 的忠实粉丝并且会亲自采取这种方法，但他们不支持原生 UWP。 目前支持 iOS、Android、Web。

我在您链接的 PEN 示例上编辑了颜色等，并将 html/js/css 添加到 Forms 的解决方案中，设置了 JS 界面，结果在 Forms 的 WebView（iOS 的 UIWebView 和 Android 的 WebView，不测试 UWP Edge，但它应该可以正常工作）：

Answer 2

Lottie 是我的首选，但您可以将动画与 Nuget XamAnimation 一起使用。 它最难创造，但它也很好。