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

javascript - Webpack 图像路径未在 JSON 文件中解析

我正在使用带有 vue 和 lottie 的 webpack 来播放一些 SVG 动画。

当直接在组件中使用“@/assets/animations/images/img_3.png”时,我可以看到图像作为编码的 img src 加载 - 这意味着 @ 解析为我的 'src' 目录。

在此处输入图像描述

但是,当导入 JSON 文件(bodymovin JSON 动画文件)并使用完全相同的“@/assets/animations/images/img_3.png”时,图像会在没有解析路径的情况下加载:

在此处输入图像描述

我的 webpack 配置如下:

我什至尝试过使用相对路径但没有运气,图像永远不会作为编码的 src 加载。

我的目录结构:

  • 源代码
    • 资产
      • 动画
      • 图片
        • XXX.png
    • 成分
      • 动画SVG
        • test_animation.vue
0 投票
4 回答
2447 浏览

android - 为什么我在适用于 Android 的 Xamarin Forms 中收到“AnimationViewRenderer 在上下文中不存在”错误?

为什么在 Xamarin 窗体 Android 项目的 MainActivity.cs 中尝试添加 Lottie 动画时,上下文错误中不存在 AnimationViewRenderer?我正在使用 Visual Studio 2017。

0 投票
3 回答
3764 浏览

ios - 如何在 Objective-C 中播放 Lottie 动画

我已经为 Lottie 安装了 pod 文件并从 lottiefiles.com 下载了 hello.json 文件

我都试过了viewDidLoad()viewDidAppear()但仍然没有出现

我是这个 ios 编程的新手,任何人都可以帮我解决这个问题吗?提前致谢...

0 投票
1 回答
1460 浏览

ios - 洛蒂-iOS。应用显示来自网络的 JSON 动画,但不是我在 After Effects 中渲染的 JSON

我有一个 iOS 应用程序,可以显示和播放 Lottie 动画。我成功使用的动画来自 www.lottiefiles.com 那里的所有动画都有效。

我在 After Effects 中创建了自己的动画并使用 BodyMovin 导出,然后尝试显示它,但没有显示任何内容。

Xcode 抱怨图像丢失,但它从未要求(也没有)从 www.lottiefiles.com 下载的 JSON 动画的图像,并且应用程序仍在播放它们。

我添加了图像,但仍然没有显示任何内容,并且仍然抱怨图像丢失。

我尝试了 BodyMovin 的不同设置,例如:“原始资产名称 - 使用原始项目名称导出资产”和“包含在 JSON 中 - 包含以 json 编码的光栅化图像”。这些都没有解决问题。

我尝试了另一个由其他人创建的 AE 合成,但也没有用。

我使用 BodyMovin' 创建了一个 demo.html 以查看动画是否以 html 显示,它确实如此,所以我知道动画有效。

来自 www.lottiefiles.com 的 JSON 文件似乎可以在应用程序中使用,但我从 After Effects 渲染的 JSON 文件不会。

0 投票
1 回答
723 浏览

xaml - 请求异步任务时是否可以弹出一个lottie动画视图

我创建了一个内容视图,并在这个内容视图中插入了一个抽签动画:

我正在尝试使其成为通用动画视图,以便可以将其用于多个异步任务

加载动画.xaml

现在在我的 SomeView.Xaml.cs

您会注意到我有一个等待异步任务:

是否可以让我的抽签动画弹出 animation.jason ,并在任务完成后关闭弹出窗口?或者,做这种事情的最好方法是什么?

0 投票
0 回答
472 浏览

ios - 使用 Bodymovin for Lottie (iOS) 导出 After Effect 文件

我想使用 Lottie-iOS 库在我的 iOS 应用程序中加载通过此 After Effects教程实现的 3d 钻石。不幸的是,当我使用 Bodimovin 以 .json 格式导出它(要在我的 iOS 应用程序中加载)时,灯光和动画似乎都处于非活动状态。此外,背景显示为平面填充,而我想显示一个很好的阴影效果。期望的结果:

在此处输入图像描述

但我明白了:

在此处输入图像描述

在 Bodymovin 导出选项中,我选择“选项中的演示”并导出这两个元素。

在此处输入图像描述

我只想获得带有阴影和背光的 3D 模型。

0 投票
3 回答
12596 浏览

swift - LottieAnimationView 大小不会改变/太小(iOS/Swift)

无论我创建的视图是 LOTAnimatedSwitch 还是视图,动画的图像总是显得非常小。lottie 动画不会占用我创建的视图的大小。这是从 LottieFiles 下载动画的问题吗?文件的尺寸为 600x600 像素。我正在使用 Lottie 版本 2.5.0 和 Swift 4。例如:

在此处输入图像描述

0 投票
0 回答
717 浏览

android - 如何在 android 中设置 Lottie 动画的开始和结束帧?

如何以编程方式设置开始和结束帧?

似乎不起作用。

0 投票
2 回答
1573 浏览

react-native - 使用反应原生动画循环部分动画

如何播放一次从 0 到 0.5 的动画,然后使用 React native 从 0.5 循环到 1 到 0.5 Animated

我有一个循环 0-1-0。它工作正常,但它从 0 开始。

0 投票
1 回答
645 浏览

android - 如何在android中的lottie动画中创建一个按钮?

我正在开发一个非常简单的游戏,我将在其中单击一些按钮来播放不同的 JSON 文件。所以为此,我需要一个 Lottie 动画视图中的按钮。这可以在 Lottie 动画中设置按钮吗?