只知道Lottie动画改变颜色是根据Keypath改变，这个Keypath应该是设计给的，但是无奈，设计也不清楚只能自己找👀。。
image.png
image.png
可以看到一共有四个柱状、json文件里面layers里面一共有四个元素，分别是rect1、rect2、rect3、rect4，这四个rect就代表每个柱状，现在尝试修改一下第一个柱状的颜色。
继续打开json文件分析一下：
打开rect1里面的shapes可以看到一个nm：组 1的元素，打开组 1的it
image.png
let keypath = AnimationKeypath(keypath: "rect1.**.填充 1.Color");
animationView.setValueProvider(getColorValueProvider(.red)!, keypath: keypath);
这里的**就是按照目录一直查找元素填充 1元素；
image.png
ok修改成功
只知道Lottie动画改变颜色是根据Keypath改变，这个Keypath应该是设计给的，但是无奈，设计也不清楚只...
使用Lottie做加载动画 先给出Lottie的链接：Lottie-iOS 使用Lottie做动画的好处： 多平台...
iOS接入 Lottie 动画过程详解 iOS接入 Lottie 动画过程详解
Android Lottie动画 一般我们在项目中常用的动画无非是以下几种： 普通动画帧动画属性动画通过改变Lay...
动画库 #import "Lottie/Lottie.h" 场景页面过渡效果 场景 普通动画使用 场景 开关 ❤️
Lottie Lottie[http://airbnb.io/lottie/#/] 框架很好地解决了动画制作与开发...
先看效果图： 前言： 微信小程序的lottie动画库是按照lottie-web动画库改造而来。参考lottie-w...
Lottie 动画简介 Lottie 动画是 airbnb 最新开源的动画解决方案，支持多种平台，可以使我们不费吹...
Lottie简介 & iOS集成使用 Lottie初级教程：打造iOS APP完美动画 iOS动画实战之Lotti...
lottie简介 Lottie，Airbnb开源的动画框架,是基于CALayer的动画， 所有的路径预先在AE中计...
本文标题：Lottie动画改变颜色
本文链接：https://www.haomeiwen.com/subject/gcfafktx.html
网友评论