大家好,最近開源了一個非常牛逼的項目:Lottie。有了它同學們在項目中添加炫酷的動畫再也不愁了!放了這么一大波福利我當然需要關注。
一、基本介紹:
Lottie是一個Android和IOS端的支持庫,它能夠使用“Bodymovin”將Adobe AfterEffects動畫轉化為json的形式然后在移動端本地傳輸。





看到這些效果很牛逼很拉風有木有?
首先設計者可以創建和運送漂亮的動畫,而不用工程師去刻意的手動再次創建。
頁面中的所有的動畫使用After Effects進行創建的,使用Bodymovin轉化傳輸并且在本地進行表達而不用工程師的參與。
Bodymovin是一款由Hernan Torrisi創建的插件,能夠實現將Aftereffects文件轉化為json文件和包含一個頁面播放器。我們已經在底層進行改造來將它的使用延伸到Android,IOS,React Native。
Sample App
你可以編寫你自己的小例子或者從PlayStore進行下載。該示例包含了一些已經創建的動畫但是也允許你從內部存儲或者url中加載一個動畫。
Download
僅需要在你的項目中的“build.gradle”文件中添加依賴就可以:
dependencies {    compile 'com.airbnb.android:lottie:1.0.1'}Using Lottie
Lottie 支持Jellybean(API 16)版本及其以上的Android版本。最簡單的使用是調用
<com.airbnb.lottie.LottieAnimationView	android:id="@+id/animation_view" 	android:layout_width="wrap_content" 	android:layout_height="wrap_content" 	app:lottie_fileName="hello-world.json" 	app:lottie_loop="true" 	app:lottie_autoPlay="true" />或者你可以在程序中用更復雜的方法加載它。在app/src/main/asseets中的json資源:
LottieAnimationView animationView = (LottieAnimationView) findViewById(R.id.animation_view);animationView.setAnimation("hello-world.json"); animationView.loop(true);最后是項目地址:https://github.com/airbnb/lottie-android點擊打開鏈接
新聞熱點
疑難解答