喷气背包中的rotateAnimation构成

Question

我从GitHub上的一个项目中进行了这种旋转态度，我想将相同的旋转施加到我的图像（指南针带有针头箭头的指南），

这是rotateanimation的参数：

公共rotateyaimation（float fromdegrees，float fromDegrees，float todegrees，float todegrees，float todegrees，int pivotxtype，float pivotxvalue，float pivotxvalue，int int int pivotxvalue，float to PivotyType，float PivotyValue）

这是我的代码：

        angleCompass.value = -angle
        val an = RotateAnimation(
            -currentAngle, -angle,
            Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
            0.5f
        )
        currentAngle = azimuth
        an.duration = 500
        an.repeatCount = 0
        an.fillAfter = true
        binding.imgCompass.startAnimation(an)


        val anim = RotateAnimation(
            -currentAngle + qiblaDir, -azimuth,
            Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
            0.5f
        )
        angleNeedle.value = -azimuth
        currentAngle = azimuth
        anim.duration = 500
        anim.repeatCount = 0
        anim.fillAfter = true
        binding.imgQiblaArrow.startAnimation(anim)

如何在撰写中应用相同的动画？

Answer 1

简单的例子，但是您可以这样实现；

@Composable
fun AnimatableSurface() {
    val currentAngle = 0f
    val angle = 90f
    val rotateAnim = remember { Animatable(currentAngle) }
    LaunchedEffect(key1 = true){
        rotateAnim.animateTo(angle, tween(2000))
    }
    Surface(
        modifier = Modifier.size(100.dp).rotate(rotateAnim.value),
        color = Color.Red
    ) {}
}