如何使用Android动画开发框架Lottie？

来源：深圳沃龙软件开发公司     2017-04-01

动画片

碉堡的Lottie

        Airbnb开源的一个名叫Lottie的动画库,它能够同时支持iOS,Android与ReactNative的开发.此消息一出,还在苦于探索自定义控件各种炫酷特效的我,兴奋地就像发现的新大陆一般.可以说,Lottie的出现,将极大地解放Android/iOS工程师于无尽的编写原生自定义动画的工作中。

        碉堡在什么地方呢？动画在项目中就打的缺点就是占用内存大，一个gif动画1-2M的都算小了，这是最让人头大的地方，然而Lottie完美的解决了这一问题，Lottie使用AE(Adobe After Effects)生产的JSON格式的动画，占用内存是普通gif大小的5%，流畅度完全没有改变。

        使用起来也是非常简单，动画json文件放在app/src/main/assets，在项目的build.gradle文件中加入:

 dependencies {  
      compile 'com.airbnb.android:lottie:1.0.1'
      ...
    }

xml文件代码：

<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" />

或者你在java代码中:：

 LottieAnimationView animationView = (LottieAnimationView) findViewById(R.id.animation_view);
    animationView.setAnimation("hello-world.json");
    animationView.loop(true);

你还可以通过API控制动画,并且设置一些监听:

animationView.addAnimatorUpdateListener((animation) -> {        // Do something.
    });
    animationView.playAnimation();
    ...    if (animationView.isAnimating()) {        // Do something.
    }
    ...
    animationView.setProgress(0.5f);
    ...    // 自定义速度与时长
    ValueAnimator animator = ValueAnimator.ofFloat(0f, 1f)
        .setDuration(500);
    animator.addUpdateListener(animation -> {
        animationView.setProgress(animation.getAnimatedValue());
    });
    animator.start();
    ...
    animationView.cancelAnimation();

简单粗暴！

lottieGit源码：https://github.com/airbnb/lottie-android

本内容皆为 深圳沃龙软件开发公司 原创
如需转载，请注明文章出处和来源网址：http://www.wooolong.com/blog/7.html