android 在Jetpack合成图标中使用LottieAnimation

oxcyiej7  于 2023-01-24  发布在  Android
关注(0)|答案(1)|浏览(132)

有没有什么方法可以使用Jetpack Compose中的LottieAnimation将JSON动画文件用于交互式元素(如to-do列表的复选标记),以便在单击时生成动画?
我目前有一个图标行和一列,进一步包含标题和副标题。我希望这个图标有一个洛蒂动画。

rdrgkggo

rdrgkggo1#

您可以使用LottieAnimation组合。
比如:

var isPlaying by remember { mutableStateOf(false) }

val composition by rememberLottieComposition(LottieCompositionSpec.RawRes(R.raw.heart))
val progress by animateLottieCompositionAsState(
    composition,
    isPlaying = isPlaying,
)

Row(verticalAlignment = Alignment.CenterVertically) {
    LottieAnimation(
        composition = composition,
        progress = { progress },
        modifier = Modifier.clickable{ isPlaying = !isPlaying }
    )

    Text("Title", )
}

相关问题