Android-Compose 切换Lottie-Compose动画资源

最新推荐文章于 2023-09-06 20:42:45 发布
最新推荐文章于 2023-09-06 20:42:45 发布
阅读量262 收藏
点赞数
分类专栏： compose 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2201_75617725/article/details/128675482
版权

背景

Lottie动画现在已经是很多应用中必备的动画，而Jetpack-Compose也是谷歌推出的代码式编写UI的新框架，一旦它们遇到一起了，又会产生怎样的碰撞呢？又会产生怎样的火花呢？

compose项目引进 Lottie-compose

implementation 'com.airbnb.android:lottie-compose:4.2.2'

在布局中使用LottieAnimation

常用的是下面两个方法，这里就不多做介绍了，官方已经介绍得很仔细了。

  • LottieAnimation(LottieCompositionSpec, Modifier)
  • LottieAnimation(LottieCompositionSpec, Progress, Modifier)

正题开始，下面我们要介绍的是如何动态替换动画资源

LottieAnimatable 类，对的，使用该类能实现我们要的结果，配合使用LaunchedEffect即可动态替换动画资源。

下面展示一个伪代码案例：

    val anim0Composition = rememberLottieComposition(
最低0.47元/天 解锁文章
头秃敲代码
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
docker-compose安装包
12-19
Docker-Compose项目是Docker官方的开源项目，负责实现对Docker容器集群的快速编排。 Docker-Compose将所管理的容器分为三层，分别是工程（project），服务（service）以及容器（container）。Docker-Compose运行目录...
玩转 Compose 中的 Lottie 动画
Zhujiang
10-24 1222
无聊的前言 我太累了，真的太累了，公司项目搞了好久，到现在还一直有问题，导致已经两三个月没有过任何文本输出。其实这都是借口，关键还是变懒了，上周末还出去玩了一趟????。 Compose 已经发布稳定版几个月了，有个现象我一直很纳闷，在 Compose 发布了 alpha 版本和 beta 版本之后各大技术论坛都开始不停地讨论，并且有相应的一大堆文章输出，但是正式版发布之后反而都销声匿迹了，这是什么情况？？？ 不过这只是技术论坛的一些现状，大佬们还是在不停地前进的，就比如今天的主角——Lottie，Comp
Lottie动画资源json文件
04-02
https://blog.csdn.net/yiranhaiziqi/article/details/88965548，此博客所需动画资源
Compose - 使用 Lottie
最新发布
HugMua的博客
09-06 556
LottieCompositionSpec是一个密封接口，可以选择动画文件的来源（RawRws、Url、File、Assets、JsonString、ContentProvider）。speed 设置播放速度，iterations 设置播放次数。
JetpackCompose从入门到实战学习笔记10——Lottie在compose中的简单使用
u012556114的博客
03-27 352
Lottie动画现在已经是很多应用中必备的动画，而Jetpack-Compose也是谷歌推出的代码式编写UI的新框架，一旦它们遇到一起了，又会产生怎样的碰撞呢？又会产生怎样的火花呢？
Jetpack Compose 中使用 Lottie 动画
移动端开发干货分享
09-27 1686
从事 Android 开发的 都知道 airbnb 的 Lottie 库，如今它也支持在 Jetpack Compose 中使用了
用Compose实现一个自己的下拉刷新控件
郭霖
10-21 1445
/ 今日科技快讯 /近日，在纽约市纽约大学朗格尼健康中心进行了一场特殊的手术，这是人类首次将猪肾移植到人体中且没有立即引发受体免疫系统的排斥反应。这是一项潜在的重大进步，最终可能有...
Docker-compose 教程全集 PDF 53页
07-07
Docker-Compose项目是Docker官方的开源项目，负责实现对Docker容器集群的快速编排。 Docker Compose将所管理的容器分为三层，分别是工程（project），服务（service）以及容器 （container）。Docker-Compose运行...
docker-compose v2.5.0版本安装包
05-06
内含两个文件，一个是二进制程序包，一个是install.sh安装脚本。...（你也可以自行去github上面下载最新的docker-compose的二进制包，但是这将浪费你半个小时的时间，然后还要自己安装。所以1.9元交个朋友）
docker-compose-window-2.14.2.exe
12-27
docker-compose-window-2.14.2.exe免费下载
android-dev-challenge-compose-bloom
03-14
Copyright 2020 The Android Open Source Project Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of...
podman-compose:使用podman运行docker-compose.yml的脚本
05-12
Podman撰写带有后端的 docker-compose的实现。 该项目的主要目标是能够未经修改且无根地运行docker-compose.yml 。 该项目旨在为docker-compose提供docker-compose替换，并且在某些情况下非常有用，因为： 可以无根...
最新版本docker-compose v2.10.2
08-30
解决不支持docker-compose命令的问题，而从gihub下载缓慢，适用于x87_64的linux系统，
docker-compose 容器部署 mqtt
07-30
docker-compose 容器部署 mqtt 配置文件
28. Compose轮播图Banner 无限轮播 自动轮播
u010436867的博客
04-27 1446
实现思路：使用的官方的HorizontalPager来创建一个比较大的集合，因为Horizontal Pager内部是LazyRom来实现的 不会造成内存问题 首先引入依赖 def accompanist_version = '0.20.2' implementation "com.google.accompanist:accompanist-pager:${accompanist_version}" //不使用可以不依赖 implementation "com.google.a
Android：使用Jetpack Compose实现自动轮播Banner
小小小石头的专栏
07-03 1932
自动轮播Banner 相信大多数APP 都会有此需求，本文主要是使用Compose 来实现自动无限轮播图效果。代码如下： 四、使用示例 代码如下： 总结 以上就是今天要讲的内容，本文的源码已全部贴出，方便大家自取并快速使用。.........
Lottie动画多动图切换遇到的坑
xige1995的博客
10-20 1661
Lottie动画多动图切换遇到的坑
Lottie For JetpackCompose基本使用
srcenchen的博客
02-25 340
Lottie For JetpackCompose 简介 一个动画库 For Jetpack Compose，并且跨平台 引入依赖 implementation 'com.airbnb.android:lottie-compose:5.0.1' 基本使用 val lottieComposition by rememberLottieComposition(spec = LottieCompositionSpec.Url("https://assets9.lottiefiles.com/packages/l

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值