一、簡(jiǎn)介
你有沒(méi)有遇上一些設(shè)計(jì)師，對(duì)一些酷炫的動(dòng)畫(huà)著迷，喜歡根據(jù)場(chǎng)景設(shè)計(jì)出可愛(ài)而流暢的動(dòng)畫(huà)。但是在實(shí)際工作中，哪怕開(kāi)發(fā)人員也覺(jué)得這些動(dòng)畫(huà)非常的棒，可我們知道，越是定制化的動(dòng)畫(huà)，實(shí)現(xiàn)起來(lái)將會(huì)越麻煩和耗時(shí)。這有時(shí)候就會(huì)引發(fā)設(shè)計(jì)師和工程師的矛盾。
而自從 Airbnb 開(kāi)發(fā)出 Lottie 之后，設(shè)計(jì)師只需要使用 After Effects 設(shè)計(jì)出完美的動(dòng)畫(huà)，然后通過(guò) Bodymovin 插件進(jìn)行簡(jiǎn)單的轉(zhuǎn)換和導(dǎo)出成 JSON，最后工程師將 JSON 放入 App 項(xiàng)目中，就可以將動(dòng)畫(huà) 100% 還原到你的產(chǎn)品中。
二、為什么要用 Lottie？
Lottie 是一套跨平臺(tái)的完整解決方案，設(shè)計(jì)師只需要使用 After Effectes 設(shè)計(jì)出動(dòng)畫(huà)之后，使用 Lottic 提供的 Bodymovin 將設(shè)計(jì)好的動(dòng)畫(huà)導(dǎo)出成 JSON 格式，就可以直接運(yùn)用在 iOS、Android 和 React Native之上，無(wú)需關(guān)心中間的實(shí)現(xiàn)細(xì)節(jié)。
對(duì)于不同的工作角色，Lottie 給你帶來(lái)的都是更簡(jiǎn)潔的工作流。
如果你是 Designer，你可以充分發(fā)揮你的動(dòng)畫(huà)設(shè)計(jì)天分，因?yàn)樗鼈冏罱K會(huì)被 100% 的還原。
如果你是 Engineer，你可以通過(guò)簡(jiǎn)單的導(dǎo)入和有限的代碼，就可以實(shí)現(xiàn)設(shè)計(jì)師要求的動(dòng)畫(huà)，并且 Lottie 并不臃腫。
如果你是 Product Manager，你的產(chǎn)品將具有更人性化的酷炫動(dòng)畫(huà)，而這并不會(huì)帶來(lái)開(kāi)發(fā)周期的延長(zhǎng)。
整體來(lái)說(shuō)，Lottie 是一個(gè)優(yōu)秀的項(xiàng)目，它能解決很多關(guān)于動(dòng)畫(huà)上的溝通問(wèn)題和提供解決方案?？伤廊挥幸恍┎蛔愕牡胤剑?/p>
系統(tǒng)版本限制，Android（Api 14+） 和 iOS(>=8.0) 都有不同的版本限制。
有一些交互動(dòng)畫(huà)，不被支持，哪怕導(dǎo)出了也無(wú)法被正常執(zhí)行。
Bodymovin 插件還有待完善，有些 After Effects 實(shí)現(xiàn)的效果，無(wú)法被正常導(dǎo)出。
而今天，我們站在一個(gè) Android 工程師的角度，來(lái)看看如何使用 Lottie。這里只聊 Android 下使用 Lottie，如何編輯動(dòng)畫(huà)，如何安裝插件，這些都是設(shè)計(jì)師需要關(guān)心的，對(duì)我們而言，拿到的就是一個(gè) Lottie 動(dòng)畫(huà)的 JSON 文件，我們只需要關(guān)心如何使用它。
三、在 Android 下使用 Lottie
Lottie Github： https://github.com/airbnb/lottie-android
Lottie 官方文檔： http://airbnb.io/lottie/
本來(lái)參考了公眾號(hào)
承香墨影
