大家好，最近開源了一個非常牛逼的專案：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點選開啟連結