Android Studio使用lottie，加载json文件，实现动画效果

最新推荐文章于 2025-02-15 23:59:06 发布

cindy829

最新推荐文章于 2025-02-15 23:59:06 发布

阅读量973

点赞数 10

本文链接：https://blog.csdn.net/cindy829/article/details/143424507

版权

Android Studio使用lottie，加载json文件，实现动画效果

预览Lottie 动画
https://q-fe.aixuexi.com/slide/lottie-preview/lottieTool.html
在这里插入图片描述

1.创建assets文件夹，放入json文件
在这里插入图片描述
2.添加依赖库，Sync

implementation("com.airbnb.android:lottie:$version")
Ex: implementation("com.airbnb.android:lottie:3.6.1")

在这里插入图片描述
3.布局(activity_main.xml)

    <!-- app:lottie_fileName="test.json" 需要加载的json文件名
    app:lottie_loop="true"  循环播放
    app:lottie_autoPlay="true"  自动播放 !-->
    
    <com.airbnb.lottie.LottieAnimationView
        android:id="@+id/lottieAnimationView"
        android:layout_width="100dp"
        android:layout_height="100dp"
        app:lottie_fileName="test.json"
        app:lottie_loop="true"
        app:lottie_autoPlay="true" />

4.MainActivity

// 布局里设置了动画属性，所以不需要其他额外的设置，可以播放动画。
setContentView(R.layout.activity_main);

5.常用方法

LottieAnimationView animationView = findViewById(R.id.lottieAnimationView);
animation.playAnimation(); // 播放
animation.pauseAnimation(); // 暂停
animation.setSpeed(1); // 设置播放速度

// 监听
animationView.addAnimatorListener(new Animator.AnimatorListener() { 
	@Override
	public void onAnimationStart(@NonNull Animator animation) {
	}
	
	@Override
	public void onAnimationEnd(@NonNull Animator animation) {
	}
	
	@Override
	public void onAnimationCancel(@NonNull Animator animation) {
	}
	
	@Override
	public void onAnimationRepeat(@NonNull Animator animation) {
	}
});