Android平台实现lottie动画

1、lottie动画简介  

        Lottie 是一个应用十分广泛动画库,适用于Android、iOS、Web、ReactNative、Windows的库,它解析了用Bodymovin导出为json的Adobe After Effects动画,并在移动和网络上进行了原生渲染。它提供了一套完整得从AE到各个终端的工具流,通过AE的插件将设计师做的动画导出成一套定义好的json文件,之后再通过渲染器进行渲染。

2.优点:

   Lottie动画有设计师通过AE工具制作动画,生成Json文件,给各个端进行使用,各端只需集成不同的解析库,就可以播放动画,更好的实现了跨平台,降低了开发成本,提示了开发效率。

3.在Android中使用Lottie动画

  1)在app 的 build.gradle中引入Lottie动画库。

 implementation 'com.airbnb.android:lottie:3.2.2'

  2)在main目录下创建asset目录,将设计师给的动画文件放在asset目录中。

Json文件长这样:

3)layout文件中引入LottieAnimationView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <com.airbnb.lottie.LottieAnimationView
        android:id="@+id/lottieAnimationView"
        android:layout_width="48dp"
        android:layout_height="48dp"
        app:lottie_autoPlay="true"
        app:lottie_fileName="data.json"
        app:lottie_loop="true" />

</LinearLayout>

4)Activity中开启动画。

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        LottieAnimationView lottieAnimationView = findViewById(R.id.lottieAnimationView);
        lottieAnimationView.setAnimation("data.json");
        lottieAnimationView.playAnimation();
    }

这样就可以播放一个Lottie动画了。

5)Api简介:

 //播放一次,如果不设置播放次数,就会循环播放
 lottieAnimationView.setRepeatCount(0);

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Android中,可以使用Lottie库来加载和播放Lottie动画。以下是一些常见的控制Lottie动画的方法: 1. 播放和停止动画 可以使用`playAnimation()`方法来播放动画,使用`cancelAnimation()`方法来停止动画。 ```java LottieAnimationView animationView = findViewById(R.id.animation_view); animationView.playAnimation(); // 播放动画 animationView.cancelAnimation(); // 停止动画 ``` 2. 循环播放动画 可以使用`setRepeatCount()`方法来设置动画的循环次数,使用`setRepeatMode()`方法来设置动画的循环模式。 ```java LottieAnimationView animationView = findViewById(R.id.animation_view); animationView.setRepeatCount(LottieDrawable.INFINITE); // 设置无限循环 animationView.setRepeatMode(LottieDrawable.RESTART); // 设置循环模式为重新开始 ``` 3. 动态改变动画速度 可以使用`setSpeed()`方法来设置动画的速度。默认速度为1.0,可以设置为小于1.0的值来减慢速度,或者大于1.0的值来加快速度。 ```java LottieAnimationView animationView = findViewById(R.id.animation_view); animationView.setSpeed(0.5f); // 设置动画速度为原速度的一半 ``` 4. 动画监听器 可以使用`addAnimatorListener()`方法来添加动画监听器,监听动画的各种事件,例如动画开始、结束、重复等。 ```java LottieAnimationView animationView = findViewById(R.id.animation_view); animationView.addAnimatorListener(new Animator.AnimatorListener() { @Override public void onAnimationStart(Animator animation) { // 动画开始时执行的操作 } @Override public void onAnimationEnd(Animator animation) { // 动画结束时执行的操作 } @Override public void onAnimationCancel(Animator animation) { // 动画被取消时执行的操作 } @Override public void onAnimationRepeat(Animator animation) { // 动画重复时执行的操作 } }); ``` 这些方法可以帮助你在Android中控制Lottie动画,让你的应用更加生动有趣。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

niuyongzhi

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值