如何在Jetpack Compose中实现平移+缩放动画？

在Jetpack Compose中实现平移和缩放动画，你可以使用animateDpAsState或者animateIntAsState结合Modifier.offset和Modifier.scale来实现。以下是一个简单的示例代码，展示了如何创建一个可以平移和缩放的组件：

import androidx.compose.animation.core.animateDpAsState
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.material.Button
import androidx.compose.material.Text
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp

@Composable
fun AnimatedBox() {
    var offset by remember { mutableStateOf(0f) }
    var scale by remember { mutableStateOf(1f) }

    val animatedOffset: IntOffset by animateDpAsState(targetValue = IntOffset(offset.dp.toInt(), 0.dp.toInt()))
    val animatedScale: Float by animateDpAsState(targetValue = scale)

    Column(
        modifier = Modifier.fillMaxSize(),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Box(
            modifier = Modifier
                .background(Color.Blue)
                .size(100.dp)
                .offset(animatedOffset)
                .scale(animatedScale),
            contentAlignment = Alignment.Center
        ) {
            Text(text = "Animate Me!", color = Color.White)
        }

        Spacer(modifier = Modifier.height(30.dp))

        Button(onClick = {
            offset += 20f // 平移偏移量
            scale = if (scale == 1f) 1.5f else 1f // 缩放比例
        }) {
            Text(text = "Animate")
        }
    }
}

在这个例子中，我们创建了一个Box组件，它可以根据用户的点击事件来改变位置和大小。animateDpAsState用于创建平滑的动画效果。