Lottie 集成动画缺失部分解决方法

最新推荐文章于 2026-02-27 12:29:42 发布

原创

最新推荐文章于 2026-02-27 12:29:42 发布 · 5.3k 阅读

标签

#Lottie #iOS #集成 #解决方案

收录于

首先附上Lottie iOS的地址，集成方式参见README Lottie

在集成Lottie的时候首先第一步是熟悉基本使用
首先将美工给的JSON文件导入到工程（本人通过此文顺利指导公司美工导出JSON，亲测有效：https://www.jianshu.com/p/94f7a0102be5），直接拖动进来：
选择相应的选项：

然后在工程中就可以看到这个JSON文件了

很简单的几行代码就可以实现图片的动画效果

        //指定加载的JSON文件
        let animation = Animation.named("fishJson")
        //将动画添加到AnimationView
        fishBubble.animation = animation
        //填充模式（拉伸模式）
        fishBubble.contentMode = .scaleAspectFit
        //开启动画
        fishBubble.play()
        //动画循环播放
        fishBubble.loopMode = .loop
        //动画位置
        fishBubble.frame = CGRect(x: 0, y: -10, width: 0.092*K_ScreenW, height: 0.653*0.108*K_ScreenW)

此处就实现了JSON文件的动画效果，可以运行模拟器调试。