狂拽酷炫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写法,可以实现一些交互,比如手指左滑,右滑动,点击等设置一定范围的动画变化

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,856评论 25 709
  • ——精而简 崔毛毛 西瓜是大家熟悉的水果,是大自然在炎热的夏太难怼人类的馈赠,是夏天我们离不开的水果,天气燥热的时...
    c49345312d5f阅读 4,292评论 0 1
  • 晚上睡觉告诉自己,四点起床。靖哥哥说要定闹钟吗?不用,我已经定了。 你连闹钟在哪里都不知道,咋定的。我在心里定的。...
    果慧_631e阅读 4,084评论 3 3
  • 丹雨莹阅读 760评论 0 1
  • 发现在房价上涨、收入贬值这些问题摆在眼前时,真想卯足了劲儿去挣钱,如何挣钱?首先分析一下现有的收入来源,在这个基础...
    动刺达次阅读 2,047评论 0 0