Android Compose 实现View中的帧动画功能

u010131088

已于 2023-03-16 10:55:36 修改

阅读量380

点赞数

文章标签： android 动画

于 2023-03-06 16:20:04 首次发布

本文链接：https://blog.csdn.net/u010131088/article/details/129362598

版权

本文介绍如何在Android Compose中使用rememberInfiniteTransition创建InfiniteTransition实例，以实现无限循环播放一组图片的帧动画效果。通过animatedValue API结合Int.VectorConverter进行索引控制，设置初始值、目标值、动画时间和重复模式。

摘要由CSDN通过智能技术生成

前言：

最近有个需求（当值如果为true时）要无限循环的播放一组图片，类似传统View的帧动画。
实现这个动画有两个方案：1、设计师做成动画。2、设计师给我们一组图片让我们动画实现。
为了简单就选择了后者，但是Compose没有提供直接的Api,幸运的是可以使用 rememberInfiniteTransition 创建 InfiniteTransition 实例来实现无限循环
InfiniteTransition 有三个添加子动画Api 分别是：animateColor、animatedFloat 或 animatedValue
animateColor 只能用着Color 类型；
animatedFloat 只能用着Float类型；
animatedValue是个泛型。因为我的图片显示想根据索引去显示，需要用Int类型，所以选择animatedValue。
initialValue = 1//初始值要显示的索引 1
targetValue = 4 //总共要显示的张数 ( < 目标值)
typeConverter = Int.VectorConverter //转换器这里用的Int的类型所以填Int.VectorConverter
animationSpec = infiniteRepeatable( // 定动画规范
animation = tween(2000//动画时间（快慢）, easing = LinearEasing //匀速),
repeatMode = RepeatMode.Restart//重复方式
)