xamarin - 在 xamarin.forms 中应用动画

标签 xamarin xamarin.forms xamarin.ios xamarin.android xamarin.uwp

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

最佳答案

Is there any way I can implement the animation like ...

简短的回答是;是的。

较长的答案;这取决于您真正需要什么,只有您可以回答。

“快速方法”(至少对我而言)是使用 Xamarin.Forms 的 WebView 并将 html/svg/css/JScript 嵌入到 native 应用程序项目中,并设置一个 javascript 接口(interface)以控制完成百分比(water.style.transform 元素)。

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

注意:我是 Lottie 的忠实粉丝,个人会采用这种方法,但他们不支持原生 UWP。目前支持iOS、Android、Web。

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

enter image description here

关于xamarin - 在 xamarin.forms 中应用动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50536015/

相关文章:

xamarin - 如何创建一个从左到右缓慢填充超过 5、10 或 ?? 的条形区域?秒?

android - Xamarin Forms 跨平台 BBCode 支持

c# - Xamarin - GoogleMap 类移动到特定位置

c# - 在 Xamarin Forms 中绑定(bind) BackgroundColor 属性 ContentPage

c# - Xamarin.Forms - 如何使页面上的元素绝对居中?

c# - Xamarin UI 菜单和 View 之间的导航

c# - Xamarin 表单选取器中的 System.ArgumentOutOfRangeException

c# - Xamarin XAML ListView - 如何以编程方式选择

xamarin - GetViewForAnnotation 从未被调用

ios - 从 iPad 应用程序发送 HTML 电子邮件