- 前言:一個app做的怎么樣有很多衡量的標準挖胃,但是對于普通用戶而言杂靶,最最直接的莫過于打開app就呈現(xiàn)出的UI效果,比如一個高大上酱鸭,酷炫而又神器的動畫可能立馬就讓用戶脫口而出“我去吗垮!這里diao?” 凹髓。 沒錯烁登,這種讓用戶驚訝的第一印象一直都是我所追求的!無奈的是由于app的定位蔚舀,自身的技術(shù)能力饵沧,UI美工的不給力等因素的限制,一直沒能做出一款含有酷炫交互動畫的app赌躺!但是最近(出來有段時間了狼牺,只是我最近才接觸)發(fā)現(xiàn)一個很不錯的開源項目,也就是本次的主角“l(fā)ottie-android”,只是看了項目的介紹礼患,然后打開了一個展示別人實現(xiàn)效果的連接看了看是钥,立馬就被它吸引了!話不多說缅叠,大家先看看唄https://www.lottiefiles.com/
好悄泥,如果你之前沒有接觸過lottie,又對酷炫的動畫有追求肤粱,而且又點進去了上面的連接弹囚,相信下面的內(nèi)容你一定感興趣!(同時支持ios端)
不廢話狼犯,上干貨余寥。
一、安卓端lottie的使用步驟:
1.獲取一個動畫的json文件(上面的網(wǎng)站看中的直接下悯森,或者喊你們美工或者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里的绎狭,轉(zhuǎn)成java很容易哦~兩種語言可以100%轉(zhuǎn)化)
L}$(4L[@@})P2CP]BSL267E.png
5.其他(交互方面)
animationView.setProgress(0f)這個方法也就是上面代碼的第一行的java寫法,可以實現(xiàn)一些交互,比如手指左滑褥傍,右滑動儡嘶,點擊等設(shè)置一定范圍的動畫變化