将 Lottie Android 与矢量图像 (xml) 或 svg 图像一起使用?

Posted

技术标签:

【中文标题】将 Lottie Android 与矢量图像 (xml) 或 svg 图像一起使用?【英文标题】:Using Lottie Android with vector image (xml) or svg image? 【发布时间】:2017-12-09 05:56:48 【问题描述】:

我将Lottie android 用于动画,并将图像 (png) 放在 Android 的资产文件夹中。现在我想通过使用矢量图像(xml 文件)或 svg 图像来根据设备密度缩放图像,但我还没有找到任何解决方案。有人有这方面的经验吗?

【问题讨论】:

【参考方案1】:

Lottie 对 svg 无能为力。我们需要直接在 After Effects 内部创建我们使用 svgs 的矢量资产

【讨论】:

【参考方案2】:

如果您想要缩放,请将其从图像转换为矢量图形。实际上,After Effects 不直接支持 .svg 文件。但 Adob​​e Illustrator 支持 .svg 文件。如果你转换这个。这将是规模

在 Illustrator 中导入 .svg 文件 在 Illustrator 中导出 .ai 文件(Illustrator 格式) 在 After Effects 中导入 .ai 文件 将 .ai 文件拖放到合成中 右击鼠标→创建→从矢量图层创建形状。 有效。

【讨论】:

以上是关于将 Lottie Android 与矢量图像 (xml) 或 svg 图像一起使用?的主要内容,如果未能解决你的问题,请参考以下文章

Android:将矢量图像旋转 90 度

如何在 Lottie iOS 中使用 png 图像?

将标签附加到图像的矢量上

Lottie- 让Android动画实现更简单

Lottie- 让Android动画实现更简单

『Android基础控件』Lottie实现复杂动画效果