SwiftUI案例：Lottie载入动画

SwiftUI案例：Lottie载入动画

效果

动画

引言

动画资源来自：https://lottiefiles.com； 需要用到用到CocoaPods下的命令 pod 'lottie-ios'，环境配置如下；

环境配置

安装homebrew

macOS使用 brew 进行安装

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

常见问题：

curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused 这是因为被墙了。

解决办法：

1. 找到 raw.githubusercontent.com 的ip，把映射关系存到 host 文件中。
2. 打开网站https://www.ipaddress.com/
3. 查询 raw.githubusercontent.com 对应的IP 地址，查询到IP为：199.232.68.133（不固定）
4. 修改host文件
5. 终端输入：sudo vim /etc/hosts
6. 提示输入mac的账户密码
7. 存入映射关系
8. 终端输入最开始的安装命令即可完成安装

使用 brew 安装 gpg

brew install gnupg

使用 brew 安装 rvm

第一步：

gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3

第二步：

curl -sSL https://get.rvm.io | bash -s stable

第三步：

source ~/.bashrc
source ~/.bash_profile

使用 rvm 安装 Ruby 语言

第一步：

rvm list known

第二步：

查看 ruby 的版本，列表里的版本都可以拿来安装，列表里面的都可以安装，注意选择一个稳定版本，测试版本不建议装。这里以2.6.5版本为准。

rvm install 2.6.5
rvm use 2.6.5 --default

这里第二条指令需要第一指令下载完成后执行，作用为将2.6.5设为默认版本

第三步：

查看已安装的 ruby

rvm list

第四步：

更换更快一点的镜像源

sudo gem update --system
gem sources --remove https://rubygems.org/
gem sources --add https://gems.ruby-china.com/

使用ruby安装cocopods

sudo gem install -n /usr/local/bin cocoapods

安装本地库

pod setup

注意：在较新的macOS系统中，系统命令行执行pod setup命令会直接结束； 解决办法，手动安装本地库，执行如下命令：

git clone https://github.com/CocoaPods/Specs.git ~/.cocoapods/repos/trunk
// 等待
// 这个命令等待几分钟不一定成功，注意：不是错误，是网络问题，重新执行即可。
git clone https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git  ~/.cocoapods/repos/trunk

至此CocoPods下载完成。

案例分析

https://www.bilibili.com/video/BV1WU4y157nW

源码

SplashScreen.zip

来源：百度网盘 | 提取码：tc20

SplashScreen.zip

来源：蓝奏云网盘 | 提取码：dixh

SplashScreen

来源：Github仓库