- 添加依賴
compile 'com.airbnb.android:lottie:2.2.0'
- 下載下傳 lottie-android 将項目中的示例中的assets檔案夾拷貝到自己建立的項目
- 設定布局并運作項目,即可看到效果
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<com.airbnb.lottie.LottieAnimationView
android:id="@+id/lav_show"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:lottie_fileName="Hello World.json"
app:lottie_loop="true"
app:lottie_autoPlay="true"
/>
</RelativeLayout>
- 進階使用--在Activity中的代碼
public class MainActivity extends AppCompatActivity {
private LottieAnimationView lav_show;
@Override protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
lav_show = (LottieAnimationView) findViewById(R.id.lav_show);
LottieComposition.Factory.fromAssetFileName(this, "City.json",
new OnCompositionLoadedListener() {
@Override public void onCompositionLoaded(@Nullable LottieComposition composition) {
lav_show.setComposition(composition);
}
});
}
}
-
至于使用的json檔案由來:
(1) 設計師使用Adobe 的 After Effects(簡稱 AE)工具(美工一般都會這個)制作這個動畫。
(2) 在AE中安裝一個叫做Bodymovin的插件。(因未安裝制作過,故具體安裝,請參數網絡)。