一、簡介
你有沒有遇上一些設計師护戳,對一些酷炫的動畫著迷翎冲,喜歡根據(jù)場景設計出可愛而流暢的動畫。但是在實際工作中灸异,哪怕開發(fā)人員也覺得這些動畫非常的棒府适,可我們知道羔飞,越是定制化的動畫肺樟,實現(xiàn)起來將會越麻煩和耗時。這有時候就會引發(fā)設計師和工程師的矛盾逻淌。
而自從 Airbnb 開發(fā)出 Lottie 之后么伯,設計師只需要使用 After Effects 設計出完美的動畫,然后通過 Bodymovin 插件進行簡單的轉換和導出成 JSON卡儒,最后工程師將 JSON 放入 App 項目中田柔,就可以將動畫 100% 還原到你的產品中。
二骨望、為什么要用 Lottie硬爆?
Lottie 是一套跨平臺的完整解決方案,設計師只需要使用 After Effectes 設計出動畫之后擎鸠,使用 Lottic 提供的 Bodymovin 將設計好的動畫導出成 JSON 格式缀磕,就可以直接運用在 iOS、Android 和 React Native之上劣光,無需關心中間的實現(xiàn)細節(jié)袜蚕。
對于不同的工作角色,Lottie 給你帶來的都是更簡潔的工作流绢涡。
如果你是 Designer牲剃,你可以充分發(fā)揮你的動畫設計天分,因為它們最終會被 100% 的還原雄可。
如果你是 Engineer凿傅,你可以通過簡單的導入和有限的代碼缠犀,就可以實現(xiàn)設計師要求的動畫,并且 Lottie 并不臃腫聪舒。
如果你是 Product Manager夭坪,你的產品將具有更人性化的酷炫動畫,而這并不會帶來開發(fā)周期的延長过椎。
整體來說室梅,Lottie 是一個優(yōu)秀的項目,它能解決很多關于動畫上的溝通問題和提供解決方案疚宇⊥鍪螅可它依然有一些不足的地方:
系統(tǒng)版本限制,Android(Api 14+) 和 iOS(>=8.0) 都有不同的版本限制敷待。
有一些交互動畫间涵,不被支持,哪怕導出了也無法被正常執(zhí)行榜揖。
Bodymovin 插件還有待完善勾哩,有些 After Effects 實現(xiàn)的效果,無法被正常導出举哟。
而今天思劳,我們站在一個 Android 工程師的角度,來看看如何使用 Lottie妨猩。這里只聊 Android 下使用 Lottie潜叛,如何編輯動畫,如何安裝插件壶硅,這些都是設計師需要關心的威兜,對我們而言,拿到的就是一個 Lottie 動畫的 JSON 文件庐椒,我們只需要關心如何使用它椒舵。
三、在 Android 下使用 Lottie
Lottie Github: https://github.com/airbnb/lottie-android
Lottie 官方文檔: http://airbnb.io/lottie/
本來參考了公眾號
承香墨影