今天我要來和大家分享一下如何在Protopie中插入Lottie動畫。首先我們來了解一下，什麼是Lottie。
什麼是Lottie
Lottie 是 Airbnb 開源的一套跨平臺的完整的動畫效果解決方案，設計師可以使用 Adobe After Effects 設計出漂亮的動畫之後，使用 Lottic 提供的 Bodymovin 插件將設計好的動畫導出成 JSON 格式，就可以直接運用在 iOS、Android、Web 和 React Native之上，無需其他額外操作。
如何插入Lottie
我們可以通過插入媒體按鈕，選擇Lottie進行操作，Lottie動畫，一般可以以json格式存在，雙擊即可導入到場景中。
這裡大家可以看到動畫文件尺寸是很大的，因為是類似矢量格式，所以可以無限縮放，我們可以在屬性欄直接修改需要的尺寸大小，也可以通過滑鼠拖拽完成。
調整完動畫素材大小後，我們就可以直接進行預覽了，很多人預覽時可能會發現動畫它不動，這是為什麼？細心的朋友應該發現，在Lottie的屬性配置中也有一個自動播放和循環播放的選項，你必須勾選這個選項，在預覽時動畫才會自動播放。
我們來看個最終效果，
是不是很簡單，有興趣的朋友自己動手試一試。
下期預告
Protopie學習筆記：如何插入圖形，交互原型設計軟體入門教程
相關文章
該教程為系列教程，可點擊頭像，進入個人主頁查看所有教程。