显示动画图像

通过加载可绘制文件以显示动画图像，您可以在应用中创建更具互动性和吸引力的用户体验。动画图像对于创建加载指示器、成功或错误指示器、促进游戏开发以及各种其他 UI 功能非常有用。

版本兼容性

此实现要求您的项目 minSDK 设置为 API level 21 或更高版本。

依赖项

显示动画图像

以下代码显示了一个自动在两种状态之间切换的动画矢量

@Composable
fun AnimatedVectorDrawable() {
    val image = AnimatedImageVector.animatedVectorResource(R.drawable.ic_hourglass_animated)
    var atEnd by remember { mutableStateOf(false) }
    Image(
        painter = rememberAnimatedVectorPainter(image, atEnd),
        contentDescription = "Timer",
        modifier = Modifier.clickable {
            atEnd = !atEnd
        },
        contentScale = ContentScale.Crop
    )
}AnimationSnippets.kt

关于代码的关键点

加载矢量资源，随时间推移为绘制属性添加动画效果。
一个 Image 实例，它使用 Painter 实例执行动画，该实例由 rememberAnimatedVectorPainter() 函数根据 AnimatedImageVector 和 boolean 状态创建。
当 atEnd 为 true 时，Painter 实例停止动画。