lottietoqml 示例

本例演示如何使用lottietoqml工具将 Lottie 文件转换为 QML，然后在应用程序中使用这些文件。

概述

该示例包含九个使用lottietoqml 转换的矢量动画。它们以网格形式显示在全屏应用程序窗口中。

如果用户点击其中一张动画图片，它就会缩放以填充整个屏幕。由于图像是基于矢量的，它将保持清晰，不会出现任何缩放伪影。

lottietoqml的功能相当于svgtoqml对 .SVG 文件的功能。它尽可能将原始矢量图像和动画转换为 Qt Quick Shapes和其他 Qt Quick组件。其结果是对动画进行完全可扩展的硬件加速渲染。

为方便起见，Lottie 文件也可在运行时通过VectorImage 组件加载。不过，预生成 QML 文件通常更为可取，因为这样可以预处理 QML 场景，加快加载速度。

资产

本示例包含从Lottiefiles 免费动画列表中下载的矢量动画图片。所有图片均采用Lottie Simple License 许可。

• "指纹图标"，作者 Solitudinem
• "谷歌图标"，作者：杰弗里-克里斯托弗
• "快乐之星"，作者：Natalia Świerz
• "心跳｜医疗"，作者 Sarpreet Kalyan
• "惊喜男孩"，作者 Hizen
• "玛丽娜-特拉伊科夫斯卡创作的 "蓝色轮廓的美国地图
• "用户交互"，作者：Mahendra Bhunwal
• "用户界面"，巴希尔-艾哈迈德（Bashir Ahmad
• "用户验证"，作者 Musa Adanur

示例项目 @ code.qt.io