Jetpack Compose中ImageVector pathData旋转问题：状态不持久

方案一：累积旋转角度+动态同步pivot解决状态断层 #

你当前的问题核心是两段动画的旋转状态未做累积，后半段默认从初始状态重新计算。可以按以下方式调整：

• 维护一个累积旋转角度变量：0_{0.5f阶段，计算当前旋转增量（从0到-180f）并累加到总角度；0.5}1f阶段，基于已累积的-180f继续计算后续增量（从-180f到-360f）。
• 同步切换pivotX时机：在动画进度到0.5f时，将pivotX从52f切换为30f，确保后续旋转是基于当前已完成的-180f角度继续变化，而非重置。
• 更新VectorGroup时，直接传入累积后的总旋转角度，而非每段单独的-180f。

方案二：直接通过PathData实现旋转效果（推荐） #

完全可以仅通过更新pathData实现这个滚动动画，无需依赖VectorGroup的rotate参数：

• 提前用矢量工具导出立方体在0°、-90°、-180°、-270°、-360°关键帧的路径数据。
• 借助animateValueAsState或Animatable结合PathParser，根据动画进度插值计算对应阶段的pathData，直接替换绘制路径。
• 这种方式彻底避免了pivot与旋转状态不同步的问题，每个进度对应的路径已经包含了旋转后的坐标信息，逻辑更直观。

方案三：复用View系统动画（不推荐） #

如果暂时不想调整Compose实现，也可以用AndroidView包裹自定义View，通过ObjectAnimator或AnimatorSet实现分段旋转+切换pivot的动画，再嵌入到Compose中。但这种方式会打破Compose的统一动画体系，增加跨层级复杂度，仅建议用于兼容旧代码场景。

代码调整示例（方案一） #

val animProgress by animateFloatAsState(targetValue = if (isPlaying) 1f else 0f)
val totalRotation = when {
    animProgress <= 0.5f -> animProgress * 2 * (-180f) // 0~0.5f对应0→-180°
    else -> -180f + (animProgress - 0.5f) * 2 * (-180f) // 0.5~1f对应-180°→-360°
}
val pivotX = if (animProgress <= 0.5f) 52f else 30f

// 构建VectorGroup时传入计算后的参数
VectorGroup(
    rotate = totalRotation,
    pivotX = pivotX,
    // 其他参数...
)

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