- 前言:一个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%转化)
5.其他(交互方面)
animationView.setProgress(0f)这个方法也就是上面代码的第一行的java写法,可以实现一些交互,比如手指左滑,右滑动,点击等设置一定范围的动画变化