首先來看一下我們優秀的UI設計師給出的動畫效果圖
然後導出了json文件丟給我們,讓我們加載出來顯示,二話不說就去GitHub上面看一下關於lottie的使用,所以按部就班一切準備就緒使用的版本號是2.0.0-beta4,一運行出bug了,看一下bug日誌:
java.lang.IllegalStateException: You must set an images folder before loading an image.Set it with LottieComposition#setImagesFolder or LottieDrawable#setImagesFolder
日誌中提出要設置一張圖片,所以按照日誌進行設置,看了一下setImageAssetsFolder的源碼如圖
按照源碼介紹重新在assets中建了一個文件夾lp,然後複製了一份loading.json文件在該文件夾下
一運行沒有報錯,但是運行起來效果卻不盡人意,和UI給出的效果圖差的有點遠
於是就去網上看了相關介紹,原來Lottie框架的使用還是有一些限制的比如Android不同版本的限制,lottie的不同版本會導致有一些交互動畫不被支持,哪怕導出了也無法被正常執行,出於這個原因於是就去GitHub上面看了lottie的當前最新版本3.4.0,於是更換版本爲3.4.0,重新編譯運行終於出現了UI給出的設計圖
以前都沒怎麼接觸lottie框架,初次使用掉坑了,然後爬坑吧,下次注意點就可以了