android - Jetpack Compose infiniteRepeatable，重复startDelay

Question

我想在 Jetpack Compose 中创建一个带有一次性开始延迟的无限动画。

我将 infiniteRepeatable() 与 tween() 一起使用:

val value by rememberInfiniteTransition().animateFloat(
    initialValue = 0f,
    targetValue = 1f,
    animationSpec = infiniteRepeatable(
        animation = tween(
            durationMillis = 700,
            delayMillis = 200
        )
    )
)

在这种情况下，delayMillis 将重复:

*delay* 0..1, *delay* 0..1, *delay* 0..1 , *delay* 0..1  ...

但在 ValueAnimator 中，start delay 是一次性延迟:

val animator = ValueAnimator.ofFloat(0f, 1f).apply {
    duration = 700
    startDelay = 200
    repeatCount = ValueAnimator.INFINITE
    addListener { /* value */ }
}
animator.start()

*delay* 0..1, 0..1, 0..1, 0..1, 0..1, 0..1, 0..1  ...

有没有办法在 Jetpack Compose 中为 InfiniteRepeatable 设置一次性启动延迟？

谢谢

Answer 1

目前 (1.0.0-beta07) 不支持非重复延迟。

您可以将动画更改为:

val animatedFloat = remember { Animatable(0f) }

LaunchedEffect(animatedFloat) {
    delay(200) // to avoid repeated delays
    animatedFloat.animateTo(
        targetValue = 1f, animationSpec = infiniteRepeatable(
            animation = tween(700, easing =  FastOutSlowInEasing),
            repeatMode = RepeatMode.Reverse
        )
    )
}