如何在Jetpack Compose中实现平移动画？ [英] How to Achieve Translate Animation in Jetpack Compose?

问题描述

我正在尝试在Jetpack Compose中实现平移动画，但我找不到合适的源码。有谁可以帮助我在Jetpack Compose中实现平移动画，在其中我可以手动设置开始和边缘位置。

推荐答案

Jetpack Composer中平移动画替代方案是偏移动画 是的，我通过偏移动画实现了这一点。我将下面的代码与评论详细分享，这样读者就更容易理解它

// Courtine Scope to Run the animation in thread
val coroutineScope = rememberCoroutineScope()
val offsetX = remember { Animatable(0f) }
val offsetY = remember { Animatable(0f) }

 Image(
            painter = rememberDrawablePainter(
                ContextCompat.getDrawable(
                    context,
                    R.drawable.image
                )
            ),
            contentDescription = "s", contentScale = ContentScale.Crop,
            modifier = Modifier
                .offset {
                    IntOffset(
                        offsetX.value.toInt(),
                        offsetY.value.toInt()
                    )
                }
                .width(300.dp)
                .height(300.dp)
        )
//Finally run the animation on the Click of your button or whenever you wants to start it...

  coroutineScope.launch {

       launch {
                    offsetXFirst.animateTo(
                    targetValue = targetValue,
                    animationSpec = tween(
                    durationMillis = 2000,
                    delayMillis = 0))}

                launch {
                offsetYFirst.animateTo(
                targetValue = size.height.toFloat(),
                animationSpec = tween(
                durationMillis = 2000,
                delayMillis = 0))}
   }

这篇关于如何在Jetpack Compose中实现平移动画？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！