Lottie動畫

[TOC]

@(工具集合)[溫故而知新]

詳細使用參考GitHub：lottie-ios

---

Lottie作動畫，專業的東西交給專業人作，真正解放程序員的生產力。

哪些場景適宜使用 Lottie？

• 啓動(splash)動畫：典型場景是APP logo動畫的播放

• 上下拉刷新動畫：全部APP都必備的功能，利用 Lottie 能夠作的更加簡單酷炫了

• 加載(loading)動畫：典型場景是網絡請求的loading動畫

• 提示(tips)動畫：典型場景是空白頁的提示

• 按鈕(button)動畫：典型場景如switch按鈕、編輯按鈕、播放按鈕等按鈕的切換過渡動畫

• 禮物(gift)動畫：典型場景是直播類APP的高級動畫播放

• 視圖轉場動畫（經過 LOTAnimationTransitionController 來實現 presentViewController 和 dismissViewControllerAnimated 轉場動畫）

項目中遇到的問題

不一樣的設計，同一個設計不一樣的時期，給出的動畫素材名字多是同樣的，這時候就須要開發人員本身給這些素材起名分類。

第一步：新建一個Empty文件，起名xxx.bundle。

第二步：把設計師給的素材所有添加進xxx.bundle中，而且修改json文件的名字爲xxx.json

第三步：加載Bundle實現動畫

NSString* path = [[NSBundle mainBundle] pathForResource:bundleName ofType:@"bundle"];
LOTAnimationView *animation = [LOTAnimationView animationNamed:bundleName inBundle:[NSBundle bundleWithPath:path]];
複製代碼

更多資料參考：

iOS動畫實戰之Lottie動畫

【iOS】Airbnb 開源動畫庫 Lottie 介紹以及詳細示例

Lottie 讀取 JSON 文件實現動畫