Android使用lottie加载json动画只显示部分以及 You must set an images folder before loading an image.

最新推荐文章于 2024-09-05 04:11:32 发布
最新推荐文章于 2024-09-05 04:11:32 发布
阅读量9.3k 收藏 2
点赞数 2
分类专栏： 异常 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lplj717/article/details/104793083
版权
在Android项目中，开发者尝试使用Lottie库加载设计师提供的.json动画，但遇到显示不全的问题。日志提示需设置图片文件夹，按照源码指示在assets创建了图片文件夹并放置了json文件，然而动画效果仍不符合预期。进一步研究发现，Lottie框架对Android版本和交互动画的支持有限。升级到最新版3.4.0后，问题得到解决，成功显示了设计图的效果。
摘要由CSDN通过智能技术生成

首先来看一下我们优秀的UI设计师给出的动画效果图 

然后导出了json文件丢给我们，让我们加载出来显示，二话不说就去GitHub上面看一下关于lottie的使用，所以按部就班一切准备就绪使用的版本号是2.0.0-beta4，一运行出bug了，看一下bug日志：

 java.lang.IllegalStateException: You must set an images folder before loading an image.Set it with LottieComposition#setImagesFolder or LottieDrawable#setImagesFolder


日志中提出要设置一张图片，所以按照日志进行设置，看了一下setImageAssetsFolder的源码如图

按照源码介绍重新在assets中建了一个文件夹lp，然后复制了一份loading.json文件在该文件夹下

最低0.47元/天 解锁文章
lplj717
关注
专栏目录
深入解析java.lang.IllegalStateException异常
博客
08-03 4万+
是Java中的一个非受检异常，它表示在不适当的时间或状态下调用方法。日志记录工具：如Log4j、Logback等，可以记录异常信息和错误日志，方便排查和分析问题。断言工具：如Assert类，可以在程序中添加断言语句，用于验证代码中的假设条件是否满足，帮助我们在开发和测试阶段快速发现问题。异常处理框架：如Spring框架中的异常处理机制，可以统一处理应用程序中的异常，提供统一的异常处理逻辑和错误信息返回。异常是程序中常见的错误和异常情况，合理处理异常对于保证程序的正确性和稳定性非常重要。
Android•Lottie动画库填坑记
weixin_34189116的博客
09-01 639
1. 入坑背景 由于从事直播软件开发的缘故，本猿在版本迭代过程中一期不落的接触到各式各样动画效果。最早的时候，苦逼的用Android原生动画做直播间全屏礼物，反复的看着美工给的Flash效果图，不断的拼凑素材图片，调整控制动画播放的属性值，各个动画代码都很类似，但却无法套用，一连两三天下来，基本上脑海中除了动画就一片空白...不过后来采用spine礼物框架以后，也就告别这样的悲惨人生。然而就在上...
Android lottie框架的使用小结
liuxu0718的专栏
08-21 990
1.首先lottie这个框架是Airbnb开源的加载复杂动画的一个库，设计师给你提供.json的动画文件，使用lottie的控件加载它。 2.项目中想要放置.json文件必须要放在工程的assets目录下，assets目录的创建是通过在‘app’下新建一个assets folder。 3.使用的过程中，一般的使用其实都是填写个lottie_fileName = 'xxx.json' 这样即可，...
Android Lottie动画使用
最新发布
2401_86372643的博客
09-05 1276
7.再来进入AE 后，可以在windows/extentions/bodymovin 找到插件，开启后按下Render 就完成了。
Android - Monkey 测试应用出现Crash报错IllegalStateException
孔小乐的博客
09-22 908
在逻辑中先判断当前是否处于Monkey测试，如果处于Monkey，不执行Lottie动画会crash的方法。平时使用Lottie动画都是正常的，没出过这个crash问题，看下的报错信息，代码总文件夹也设置了。目前没有找到正面解决的方法，如有更好的方法可以评论区留言。
初步使用lottie库
shuijianbaozi的博客
07-20 5167
今天用了一下,给我的感觉,还是值得推荐的,lottie官方文档地址 使用lottie的时候,碰到一个错误 java.lang.IllegalStateException: You must set an images folder before loading an image. Set it with LottieComposition#setImagesFolder or LottieD...
Android Lottie加载gson文件动画
weixin_43117800的博客
08-23 1563
4.lottie_imageAssetsFolder：动画所依赖的图片目录，在app/src/main/assets/目录下的子目录，该子目录存放所有图片。1.lottie_fileName：在app/src/main/assets目录下的动画json文件名。3.lottie_autoPlay：动画是否自动播放，默认不自动播放。2.lottie_loop：动画是否循环播放，默认不循环播放。在你工程的build.gradle文件里添加如下配置。一：Lottie的使用。
Lottie 集成动画缺失部分 解决方法
San_ity的博客
08-21 4646
首先附上Lottie iOS的地址，集成方式参见README Lottie 在集成Lottie的时候首先第一步是熟悉基本使用 首先将美工给的JSON文件导入到工程（本人通过此文顺利指导公司美工导出JSON，亲测有效：https://www.jianshu.com/p/94f7a0102be5），直接拖动进来： 选择相应的选项： 然后在工程中就可以看到这个JSON文件了 很简单的几行代码就可以实...
Android lottie java.lang.IllegalStateException: Missing values for keyframe.
DLUT_WJX的博客
02-18 2657
问题一 在Adobe After Effects和bodymovin插件,重新导出json后,正常显示。Settings > Advanced > Export Old Json Format 问题二 java.lang.IllegalStateException: You must set an images folder before loading an image. Se...
播放lottie的json动画文件识别不出
keep_my_mine的博客
03-30 1009
具体问题是这样：我把lottie的json动画文件放在lottie文件夹中，然后lottie播放，发现没识别。如果文件夹不是新建的，你复制到桌面等随便一个地方，然后删除xcode里面的，重新拖进去，再在那个窗口修改类型，就OK了。然后再把lottie 的json动画文件拖到你想要放在的蓝色文件夹，就行了。不勾选第一个，如果本地文件夹删除的话，就会报以下类似的错误。
Android RelativeLayout实现XML布局的例子.rar
07-10
一个Android XML布局的例子，主要利用xml文件进行布局，里边用到的是RelativeLayout。具体的本例中： 　　非洲草原地图：用到了FrameLayout的使用；ActivityMain演示了linerLayout。 　　个性化表单ActivityLayout 演示了RelativeLayout和linerLayout的结合。 　　ActivityRelativeLayout 演示了单独的RelativeLayout。 　　整齐的表单：演示了TableLayout的用法。
Android使用lottie加载json动画的示例代码
08-28
本篇文章主要介绍了Android使用lottie加载json动画的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Lottie开源动画库简单demo
05-04
Lottie将极大地解放Android/iOS工程师于无尽的编写原生自定义动画.
flutter 动画json_使用lottie加载json动画
weixin_32262035的博客
12-23 1375
先上效果图，这个是做的一个仿抖音的点赞动画：giphy.gif众所周知，属性动画、补间动画通常只能做一些效果简单的，而做复杂的动画可采用gif图，帧动画，但是这样资源空间增大导致apk增大不小。而加载json文件实现动画就完美解决以上问题。设计师AE导出Json文件，Lotti 解析Json文件后调Core Animation的API绘制渲染。所以让你们公司的UI去学一学AE吧，多们技能好防身。L...
Vue中使用lottie动画加载json文件
qq_41154522的博客
09-01 968
Vue中使用lottie动画加载json文件。
lottie
weixin_42215061的博客
03-26 485
1.Lottie是什么 Lottie是Airbnb开源的一个支持iOS,Android,React Native和Web的动画库,我们可以使用设计师导出来的json文件快速实现动画效果. 2.如果我们想要实现下列动画 我们使用现有技术会遇到的问题： 1.每一帧都是一张图片，文件过于庞大。 2.不同分辨率设备的适配存在不便。 3.Gif格式的色深问题无法解决。 4.想要在线获取动画成本比较高。 替代...
Lottie Android 动画制作与使用
qq_29586601的博客
06-19 1556
Lottie Android 动画制作与使用还未了解Lottie的同志，请观看我上篇文章： Lottie Android 初探一、效果图预览二、Adobe After Effects安装作为IT攻城狮，安装软件这方面还都是很强大的，我就不献丑出安装教程了，最后要记得安装插件bodymovin。网上看资料说是先安装aescript + aeplugins zxp installer，不过在安装的时候...
java.lang.IllegalStateException异常产生的原因及解决办法
热门推荐
qq_32306959的博客
12-18 1万+
错误类型大致为以下几种： java.lang.IllegalStateException：Cannot forward a response that is already committed IllegalStateException：response already commited IllegalStateException：getOutputStream(...
android lottie加载json动画
06-28
### 回答1： Android Lottie是一个用于Android、iOS和Web的开源库，它可以加载和渲染Adobe After Effects动画导出的JSON文件。使用Lottie，开发者可以轻松地将复杂的动画效果集成到自己的应用程序中，而无需编写复杂的动画代码。要加载JSON动画，只需将JSON文件放置在assets文件夹中，并使用LottieAnimationView加载即可。Lottie还提供了许多自定义属性，可以让开发者更好地控制动画的行为和外观。 ### 回答2： Android Lottie是由Airbnb开源的一个动画库，可用于加载和渲染Adobe After Effects创建的Lottie动画文件，这些动画文件存储为JSON格式。与传统的GIF、WebP和MP4格式相比，Lottie动画文件更小，可缩放并且无损失，是完美的UI动画解决方案。 下面是一个简单的步骤，让您轻松加载JSON动画文件： 1. 在您的Android项目中添加依赖项：添加以下dependency到您的build.gradle文件中。 dependencies { implementation 'com.airbnb.android:lottie:3.4.1' } 2.将Lottie动画文件放在assets文件夹中：将动画JSON文件放在您的Android项目的assets文件夹下。 3. 在布局文件中添加LottieView：在布局文件中添加LottieView并设置宽度和高度。您可以使用app:lottie_file指定动画的文件名。例如以下代码： <com.airbnb.lottie.LottieAnimationView android:id="@+id/animation_view" android:layout_width="wrap_content" android:layout_height="wrap_content" app:lottie_file="your_animation.json" /> 4. 在Activity中加载动画：在您的Activity的onCreate方法中加载动画文件，并开始播放动画。 LottieAnimationView animationView = (LottieAnimationView) findViewById(R.id.animation_view); animationView.setAnimation("your_animation.json"); animationView.loop(true); animationView.playAnimation(); 通过上述步骤，您就能够成功地加载JSON动画文件，并将其渲染在您的Android app中。Lottie提供了许多自定义属性，以及可在运行时访问的API，可以让您在呈现动画时，获得更多的自由度和控制权限。 ### 回答3： Android Lottie是一个用于渲染矢量动画的库，由Airbnb开源。该库可以加载由Adobe After Effects导出的json文件，并将其渲染为原生Android视图中的动画效果。Lottie使用了高效而轻量级的渲染引擎来实现这一点，从而为开发人员提供了一种快速而简便的方式来实现优秀的矢量动画效果。 为了加载json动画，首先我们需要在项目中引入Lottie库，这可以通过在build.gradle文件中添加以下依赖项来完成： ``` implementation 'com.airbnb.android:lottie:3.6.1' ``` 完成之后，我们可以在布局文件中添加一个LottieAnimationView视图，并在java代码中使用以下代码加载json动画： ``` LottieAnimationView animationView = (LottieAnimationView) findViewById(R.id.animationView); animationView.setAnimation("your_animation.json"); animationView.playAnimation(); ``` 在这里，我们将LottieAnimationView的文件名设置为“your_animation.json”，但是您应该将其替换为实际的json文件名。 此外，Lottie也提供了其他一些方法和属性，可用于与动画交互和控制。例如，您可以使用以下方法暂停和恢复动画： ``` animationView.pauseAnimation(); animationView.resumeAnimation(); ``` 还可以使用以下方法将动画设置为循环播放： ``` animationView.setRepeatMode(LottieDrawable.RESTART); animationView.setRepeatCount(LottieDrawable.INFINITE); ``` 总的来说，Lottie是一种简单而有力的工具，可以帮助我们在Android应用程序中实现高质量的矢量动画效果。通过加载json文件并使用LottieAnimationView视图，我们可以轻松地将动画集成到我们的应用程序中。同时，Lottie还提供了一系列方法和属性，使我们可以对动画进行精细的控制和交互，以生成更加生动和有趣的用户体验。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值