Android Compose Lottie 动画的暂停和继续功能怎么实现？

在 Android Compose 中使用 Lottie 动画时，可以通过 LottieAnimation 的控制器来实现暂停和继续功能。

1. 首先，确保你已经在项目中添加了 Lottie Compose 的依赖：

dependencies {
    implementation "com.airbnb.android:lottie-compose:4.2.2" // 请根据最新版本进行更改
}

2. 然后，你可以创建一个简单的 Composable 来展示 Lottie 动画并实现暂停和继续功能：

import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import com.airbnb.lottie.compose.*

@Composable
fun LottieAnimationExample() {
    // 加载 Lottie 动画
    val composition by rememberLottieComposition(LottieCompositionSpec.RawRes(R.raw.your_lottie_file))
    
    // 创建动画的进度和播放状态
    var isPlaying by remember { mutableStateOf(true) }
    val progress by animateLottieCompositionAsState(
        composition,
        iterations = LottieConstants.IterateForever,
        isPlaying = isPlaying
    )

    Box(
        modifier = Modifier
            .fillMaxSize()
            .clickable { isPlaying = !isPlaying } // 点击切换播放状态
    ) {
        LottieAnimation(composition, progress)
    }
}

在这个示例中，点击动画区域会切换 isPlaying 状态，从而实现播放和暂停的功能。

标签：
来源：