狂拽酷炫diao炸天的开源动画项目:lottie-android

• 前言：一个app做的怎么样有很多衡量的标准，但是对于普通用户而言，最最直接的莫过于打开app就呈现出的UI效果，比如一个高大上，酷炫而又神器的动画可能立马就让用户脱口而出“我去！这里diao？” 。 没错，这种让用户惊讶的第一印象一直都是我所追求的！无奈的是由于app的定位，自身的技术能力，UI美工的不给力等因素的限制，一直没能做出一款含有酷炫交互动画的app！但是最近（出来有段时间了，只是我最近才接触）发现一个很不错的开源项目，也就是本次的主角“lottie-android”,只是看了项目的介绍，然后打开了一个展示别人实现效果的连接看了看，立马就被它吸引了！话不多说，大家先看看呗https://www.lottiefiles.com/

好，如果你之前没有接触过lottie，又对酷炫的动画有追求，而且又点进去了上面的连接，相信下面的内容你一定感兴趣！（同时支持ios端）

不废话，上干货。

一、安卓端lottie的使用步骤：

1.获取一个动画的json文件（上面的网站看中的直接下，或者喊你们美工或者UI用ae帮你做，至于怎么做，ae教程一大把，直接百度：ae做lottie动画）。

2.  安卓工程添加lottie项目引用
      dependencies {  
            compile 'com.airbnb.android:lottie:2.2.0'
       }
  git地址：https://github.com/airbnb/lottie-android  可以进去双击666，目前最新的是2.2.0

3.xml文件里添加这么个view
      <com.airbnb.lottie.LottieAnimationView
        android:id="@+id/animationView"
        android:layout_width="250dp"
        android:layout_height="250dp"
        android:layout_gravity="center"
        app:lottie_loop="true" />

 4.java代码(这里是kotlin写法，官方demo里的，转成java很容易哦~两种语言可以100%转化)

L}$(4L[@@})P2CP]BSL267E.png

5.其他（交互方面）
animationView.setProgress（0f）这个方法也就是上面代码的第一行的java写法,可以实现一些交互，比如手指左滑，右滑动，点击等设置一定范围的动画变化