WinUI3开发_使用Lottie动画

什么是Lottie动画?

Lottie动画是一种基于JSON描述的矢量动画格式,由Airbnb开发,目的是将设计师在After Effects中做的动画“原样”搬到 App网页桌面UI中,并能实时播放、无需转成帧图、体积小、分辨率无限
它是一种「代码与设计桥梁」的动画格式。

在WinUI3中使用它

目前WinRT/C++仅支持代码生成的Lottie动画不支持在线解析json,运行时的Lottie库目前只有C#版本,没有为WinRT/C++提供运行时库,所以目前仅支持代码方式。
下面是两个常用工具:
Lottie View:
用于在线实时查看Lottie Json文件动画效果
下载地址:Download Lottie View
Lottie Gen:
用于将Lottie Json转换成WinRT/C++或WinRT/C#代码,直接嵌入到代码级里,这样效率会比解析json更高。
Lottie Gen只能通过Net平台下载:

dotnet tool install --global LottieGen

如果没有dotnet可以到微软官网下载Net开发平台支持包:Download .NET
通过Lottie View可以查看Lottie Json动画效果,还可以在线修改颜色
在这里插入图片描述
如果我们想要将它在我们的WinUI3中运行需要通过Lottie Gen来生成C++代码:

lottiegen -InputFile test1.json -Language cppwinrt -WinUIVersion 3.0

注意一定要通过-WinUIVersion来指定其版本,否则生成的代码可能会有兼容问题。
运行lottiegen命令之后会生成如下三个文件:
AnimatedVisuals.Test1.h: 动画类头文件
AnimatedVisuals.Test1.cpp: 动画类实现文件
AnimatedVisuals.Test1.idl: 动画类接口文件,用于让xaml构建工具识别
将上面三个文件加入到你的工程里,然后重新构建整个工程,查看idl文件看下导出的名字空间是什么:

namespace AnimatedVisuals
{
    runtimeclass Test1
        : [default] Microsoft.UI.Xaml.Controls.IAnimatedVisualSource
        , Microsoft.UI.Xaml.Controls.IAnimatedVisualSource2
    {
        Test1();
    };
}

然后在xaml里使用它:

xmlns:my_animatedvisuals="using:AnimatedVisuals"

然后在AnimatedVisualPlayer里就可以使用它了:

<AnimatedVisualPlayer x:Name="Player"
                        Width="64"
                        Height="64"
                        AutoPlay="False"
                        Stretch="Uniform">
    <animatedvisuals:Test1/>
</AnimatedVisualPlayer>

然后需要在代码里控制它播放:

Player().PlayAsync(0.0, 1.0, 0);

运行效果如下:
请添加图片描述
最后推荐一个网站:lottiefiles,该网站有许多免费的lottie动画,并且支持在线编辑,非常方便没有设计经验的开发人员使用。

WinUI3 Lottie官方仓库:Lottie-Windows

资源下载链接为: https://pan.quark.cn/s/1bfadf00ae14 在ASP.NET开发中,定时任务是一种常见功能,用于在固定时间间隔内执行特定操作,比如数据同步、清理缓存或发送通知等。以下是实现ASP.NET定时任务的详细步骤和关键要点: ASP.NET定时任务通常通过System.Threading.Timer或System.Timers.Timer实现,二者都能周期性触发事件。在ASP.NET中,可以利用后台线程或HttpApplication生命周期事件来启动定时器。 System.Threading.Timer:适合在独立线程上运行任务,避免阻塞主线程,适合轻量级任务。 System.Timers.Timer:在多线程环境下,它会自动管理线程,更适合服务器端复杂任务。 创建定时器对象,设置Interval属性为10000毫秒(10秒),并注册Elapsed事件。该事件会在每个时间间隔结束时触发。 在Elapsed事件中编写要执行的代码,确保代码执行效率高,避免阻塞,因为长时间运行的任务可能影响其他请求。 通过Timer.Start()启动定时器,Timer.Stop()停止定时器。在ASP.NET中,可以在Application_Start和Application_End事件中控制定时器的启动和停止,确保服务器启动时定时器开始运行,关闭时停止。 在多用户环境下,如果定时任务会修改共享状态,必须考虑线程安全问题,可以使用锁或其他同步机制来确保数据一致性。 将应用程序部署到IIS时,需设置应用程序池的回收策略,避免定时任务因应用程序回收而中断。同时,确保IIS配置支持长时间运行的请求。 为定时任务添加日志记录非常重要,可以帮助排查问题并监控任务执行情况。 定时任务过于频繁可能会影响服务器性能,进而影响其他请求的响应时间。可根据需求调整时间间隔,或
内容概要:本文档是《COZE 从入门到精通实战指南》,主要介绍了COZE这一基于大模型的AI应用开发平台。它支持快速构建AI对话机器人、自动化工作流、数据分析助手等功能。核心功能涵盖自然语言处理、低代码开发和多平台集成。新手入门部分详细讲解了注册、创建和调试第一个Bot的步骤,包括上传知识库和定义对话逻辑。实战案例展示了智能客服Bot和自动化会议纪要生成的具体实现,涉及数据准备、对话设计和发布测试等环节。此外,还提供了生产力工具与高效技巧,如快捷键、工作流组合技和知识库优化方法。最后,文档涵盖了API集成高级教程以及常见问题排查,帮助用户解决实际操作中可能遇到的问题。 适合人群:适合希望快速上手AI应用开发,尤其是对自然语言处理感兴趣的开发者和业务人员,无论是否有编程基础。 使用场景及目标:①通过具体案例学习如何利用COZE平台构建智能客服Bot和自动化会议纪要生成器;②掌握低代码开发环境下的AI应用创建流程,提高工作效率;③了解API集成和多平台对接的方法,实现复杂业务逻辑的自动化处理。 阅读建议:此文档不仅适用于初学者快速入门COZE平台,也适合有一定经验的开发者深入探索高级功能。建议读者按照章节顺序逐步学习,并结合实际项目进行实践,以加深理解和掌握关键技能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

17岁boy想当攻城狮

感谢打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值