问题标签 [lottie]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
14016 浏览

android - Lottie Animation setAnimation() 结果 IllegalStateException

我今天想检查 iOS 和 Android 的 Lottie lib,我在 after effect 中制作了一个简单的指示器动画并将其导出到 .json 文件,它只适用于 iOS。当我在 Android 上测试相同的文件时,出现以下错误:

这是我的活动 XML

活动代码

0 投票
4 回答
14591 浏览

android - 如何增加lottie“LottieAnimationView”尺寸?

我正在使用Lottie制作动画。问题是 lottie 视图尺寸太小。有没有办法在lottie中自定义尺寸?

0 投票
2 回答
3449 浏览

android - Lottie 动画未按预期工作

我将 Lottie 文件用于动画目的。它没有按预期加载。应该是这样http://www.lottiefiles.com/48-progress-bar

当前状态:https ://www.dropbox.com/s/xgvj9pss2cauv37/device-2017-04-03-113913.mp4?dl=0

知道我做错了什么吗?

0 投票
6 回答
18841 浏览

android - 如何在 Lottie 中为动画添加颜色叠加?

我正在使用Lottie for Android在应用程序中添加一些动画。在这个应用程序中,可以通过设置选择主色和强调色。我正在使用具有透明背景的动画。为了使动画适合所选颜色,我想为动画添加颜色叠加,这样我可以拥有一个动画文件,但我可以以编程方式设置颜色。

有谁知道我如何通过添加颜色叠加来操纵动画?

0 投票
4 回答
10119 浏览

android - 膨胀类 com.airbnb.lottie.LottieAnimationView 时出错

我做了什么:

步骤1)

在 graddle 中添加了以下依赖项:

第2步)

Airbnb 没有告诉我们在哪里放置动画 JSON 文件。相反,我在他们的示例应用程序中看到它位于app/src/main/assets上。所以我创建了那个文件夹并在那里插入了一些 JSON 动画。

步骤 3)

在activity_main.xml上添加了以下内容:

运行应用程序时,我收到以下错误:

想知道我做错了什么。还缺乏详尽的教程,这很遗憾,像我这样的初学者需要花费比必要的时间更长的时间来解决问题。

0 投票
1 回答
3579 浏览

android - 为什么我的 Lottie 动画加载这么慢?

为了清楚起见,加载速度很慢,而不是动画。

我在 AsyncTask 上使用它,如下所示:

这里一切正常。

我对这段代码的问题是,一旦对话框出现,Lottie 动画需要一秒钟才能出现在屏幕上。如果它在 4G 网络上,我可以看到动画。如果它在 WIFI 上,我唯一能看到的就是文字。

对话框弹出后如何使动画显示出来?

0 投票
0 回答
2047 浏览

react-native - 当使用 Lottie 动画的多个实例时,我们如何优化性能?

当我们使用lottie-react-native显示 Lottie 动画的多个实例时,我们面临着巨大的 FPS 下降。

为了复制这一点,尝试显示以下动画的 6-7 个实例,您可以看到 JS 和 UI 线程上的 FPS 下降到 4-5 左右。

动画文件链接:https ://www.lottiefiles.com/236-accept-arrows

可以做些什么来防止 FPS 下降?

0 投票
2 回答
2088 浏览

c# - 如何为 Xamarin.forms 实现 Lottie?

我浏览了有关如何实现 Lottie 动画库的文档。

我为 Xamarin.Forms 1.0.0.7 添加了 NuGet 包 Lottie,并在为 Xamarin Forms 调试我的 android 项目时,它构建时没有出现错误,但没有在我的项目中显示 json 文件的动画。

0 投票
2 回答
650 浏览

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

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

0 投票
0 回答
383 浏览

android - Lottie 动画是否只显示形状而不显示图像?

我正在尝试将使用 bodymovin 插件导出到 json 的后效动画移植到 React native。我正在使用 Lottie https://airbnb.design/lottie/

我的问题是,当 bodymovin 吐出一个包含动画中使用的图像和 .json 文件的图像文件夹时,Lottie 只显示动画中矢量已转换为形状的部分。背景,其他一切都没有显示。

我遵循了他们的榜样:

但只有形状出现。我怎样才能让图像也被动画化?这可能吗?