问题标签 [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 投票
1 回答
1668 浏览

android - 在 Lottie 中找不到 React Native 的图像?

我已经关注了 React native 的每个 Lottie 示例,并查看了具有相同问题的问题,例如Expo 上的 Lottie 动画,但我已经使用 React native 成功导入了通过 Bodymovin 导出到 .json 的动画:

我把它放在一个视图中,所以这不是问题。动画 json 文件未找到图像,因此仅显示形状(在 Aftereffects 中转换为形状的矢量)。

我不知道为什么 json 找不到图像的路径。我的图像文件夹与 .json 位于同一文件夹中,并且我在此处更改了路径以匹配从中调用它的类:

如何使用 React native 和 Lottie 导入图像?这里有什么问题?

0 投票
1 回答
122 浏览

swift - 动画文本没有出现在我的 UIView 对象中

我正在使用 UIObject 使用 Lottie 框​​架显示动画,这是一个提交按钮,当点击此 UIView 对象时,将播放动画。

但是这个动画中的文字没有出现,而且尺寸也是错误的。我的 UIView 对象的尺寸为 193*33,动画也有。这是我的代码;

即使我使用此代码,我的 UIView 对象也比动画大,并且动画非常小,如下所示:

在此处输入图像描述

0 投票
1 回答
552 浏览

android - 如何使 Lottie 动画响应用户操作?

有没有办法让 Lottie 动画响应用户操作?

即:我们有两个形状,形状 A 正在变形其边界,形状 B 正在通过一些闭合路径移动。用户确实拖动,形状 B 必须停止它的移动并根据用户移动开始移动到形状 B。在距离形状 A 一定距离的地方,形状 B 必须开始变形它的边界并尝试磁化以改变形状 A 的边界。

0 投票
1 回答
1263 浏览

json - 带有后效的空 JSON 导出 + Lottie 的 bodymovin

我在 After Effects 中有一个基本动画,安装了 bodymovin(没有任何错误),并且想导出为 Lottie 动画。但是导出时我得到的只是一个空的 JSON 文件

当然,我确实在导出过程中选择了我的作文,而且我只有一个作文。

我检查了提示和指南,以及支持的功能,但我没有发现我不应该做的任何奇怪的事情。

这是我的动画截图: 后效基本动画

有任何想法吗?

干杯

0 投票
1 回答
300 浏览

javascript - 如何在 componentWillReceiveProps 上运行 Lottie 动画?

我想在我的组件收到更新的道具时运行动画。

示例代码:

所以 this.animation.play();oncomponentWillReceiveProps不起作用。根据我阅读的几份文件,我意识到这可能不是正确的方法,因为thison与oncomponentWillReceiveProps不同thiscomponentDidMount

我尝试传递一个状态来强制更新组件,但 React 不会更新 Animation 组件。

关于如何使动画播放的建议componentWillReceiveProps

0 投票
2 回答
7361 浏览

android - 如何在按钮而不是圆形进度条中使用 Lottie 动画

我想在一个按钮里面放一个小动画,这个动画是JSON格式的,用After Effect制作的,通常这种类型的动画可以用Lottie插件编译和使用,但现在我想把这个动画放在里面按钮而不是使用常规的圆形进度条

0 投票
1 回答
14386 浏览

android - 洛蒂动画不工作

如何在 Android 中使用 Lottie 动画?我试过了,但动画没有运行。如何启动 JSON 动画?我想使用自定义加载动画而不是使用常规的圆形进度条。

0 投票
0 回答
1408 浏览

ios - Lottie AnimationView 图层属性

是否可以从 Lottie 动画视图中获取图层属性?

这是我想做的一个简单的例子:

Lottie Animation & UIImage to target

Lottie Animation & UIImage to target

我有一个 Lottie 动画(在 After Effects 中制作),包含 2 个动画图层——一个圆圈和一个星星。我有一个可移动的 UIImageView——分配了一个目标图像。

这是本示例中使用的 StackOVerflow.json-File 的代码:

现在我想检测目标图像是否与 Lottie 动画中的 2 层之一重叠。

要将 Target-UIImageView 与动画中形状的位置进行比较,我需要访问 Lottie 动画视图中的图层属性(帧或位置)。

我在 Lottie-Documentation 中没有找到任何东西——所以我不确定它是否可能。有人知道这是否可能吗?

如何访问 Lottie 动画中的图层属性?

0 投票
3 回答
27132 浏览

android - 如何知道 Lottie 动画何时完成?

我有一个片段,这里是 onCreateView 方法:

我需要在乐蒂动画结束getActivity().getSupportFragmentManager().beginTransaction().remove(this).commit();时删除片段。如果我正确理解Lottie 方法返回 false 时动画已经结束,并且由于在我的配置中动画没有循环,这是我应该删除当前片段的时候。但我不能只使用 if 语句,因为当它执行时,动画可能仍在进行。isAnimating()

我需要一种在 Lottie 动画结束时移除片段的方法,我该怎么做?

0 投票
1 回答
326 浏览

android - 更新 Lottie 动画视图中的属性时如何解决“找不到文件”?

我有安卓的问题。未找到 Android 资产目录中的文件。

错误:

更新由 LottieAnimationView 管理的视图的属性“sourceName”时出错

无效的

找不到文件 loading.js

动画文件位置:

零件:

版本: