首页 前端知识 Android Studio使用lottie,加载json文件,实现动画效果

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

2025-03-12 12:03:36 前端知识 前端哥 197 513 我要收藏

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) {
	}
});
转载请注明出处或者链接地址:https://www.qianduange.cn//article/23371.html
评论
发布的文章

linux常见操作命令

2025-03-05 18:03:10

GPT-4.5

2025-03-12 12:03:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!