Compose中使用Android View Animation无效果问题排查

你的代码存在两处关键问题，导致动画无法正常运行：

问题1：共享动画实例的状态冲突 #

你在companion object中定义了全局单例的rotateAnimation，而RotateAnimation是有状态的对象——它会记录当前的动画进度、运行状态等信息。第一次启动动画后，即使调用clearAnimation停止，该实例的内部状态不会自动重置，后续再次调用startAnimation时，无法从初始状态开始运行，导致动画看起来没有生效。

问题2：Compose状态与Android View的交互逻辑不当 #

你在AndroidView的factory块中设置点击事件并直接修改Compose状态，虽然状态能正常切换，但这种写法没有遵循Compose的状态驱动UI模型：factory块仅在View首次创建时执行一次，后续状态变化无法触发动画的同步更新；同时直接在点击事件中操作动画，也无法保证状态与动画行为的一致性。

修正方案 #

方案1：每次启动动画创建新实例（推荐） #

使用Compose的clickable修饰符处理点击，在update块中根据isSpinning状态控制动画，且每次启动时创建新的RotateAnimation实例，避免状态冲突：

@Composable
fun MainScreen(modifier: Modifier = Modifier) {
    var isSpinning by remember { mutableStateOf(false) }
    Column(modifier = modifier.fillMaxSize()) {
        AndroidView(
            modifier = modifier
                .fillMaxWidth()
                .aspectRatio(1f)
                .clickable { isSpinning = !isSpinning },
            factory = { context ->
                ImageView(context).apply {
                    setImageResource(R.drawable.cd)
                }
            },
            update = { imageView ->
                if (isSpinning) {
                    val rotateAnim = RotateAnimation(
                        0f, 360f,
                        Animation.RELATIVE_TO_SELF, 0.5f,
                        Animation.RELATIVE_TO_SELF, 0.5f
                    ).apply {
                        duration = 2000L
                        interpolator = LinearInterpolator()
                        repeatCount = Animation.INFINITE
                    }
                    imageView.startAnimation(rotateAnim)
                } else {
                    imageView.clearAnimation()
                }
            }
        )
    }
}

方案2：复用动画实例并重置状态 #

如果想避免重复创建动画对象，可以用remember缓存实例，启动前调用reset()重置其内部状态：

@Composable
fun MainScreen(modifier: Modifier = Modifier) {
    var isSpinning by remember { mutableStateOf(false) }
    // 用remember缓存动画实例
    val rotateAnimation = remember {
        RotateAnimation(
            0f, 360f,
            Animation.RELATIVE_TO_SELF, 0.5f,
            Animation.RELATIVE_TO_SELF, 0.5f
        ).apply {
            duration = 2000L
            interpolator = LinearInterpolator()
            repeatCount = Animation.INFINITE
        }
    }

    Column(modifier = modifier.fillMaxSize()) {
        AndroidView(
            modifier = modifier
                .fillMaxWidth()
                .aspectRatio(1f)
                .clickable { isSpinning = !isSpinning },
            factory = { context ->
                ImageView(context).apply {
                    setImageResource(R.drawable.cd)
                }
            },
            update = { imageView ->
                if (isSpinning) {
                    rotateAnimation.reset() // 重置动画状态到初始值
                    imageView.startAnimation(rotateAnimation)
                } else {
                    imageView.clearAnimation()
                }
            }
        )
    }
}

这个需求完全可以实现，只需调整动画实例的管理方式，以及遵循Compose的状态驱动逻辑即可。

内容的提问来源于stack exchange，提问作者hmn727