Android Lottie(快速展示Adobe Afeter Effect(AE)工具所作动画的框架)

Posted ysxy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android Lottie(快速展示Adobe Afeter Effect(AE)工具所作动画的框架)相关的知识,希望对你有一定的参考价值。

添加依赖
compile ‘com.airbnb.android:lottie:2.2.0‘

进入下载Demo

将项目中的示例中的assets文件夹拷贝到自己新建的项目

https://github.com/airbnb/lottie-android

<?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>



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);
          }
        });
  }
}





以上是关于Android Lottie(快速展示Adobe Afeter Effect(AE)工具所作动画的框架)的主要内容,如果未能解决你的问题,请参考以下文章

Lottie- 让Android动画实现更简单

Lottie- 让Android动画实现更简单

如何让你的Android Lottie动画反向播放

Lottie使用&源码分析

完整启动画面的 Lottie 动画不占用全屏

如何优雅的展示动态图标lottie-react-native