此页面由 Cloud Translation API 翻译。

显示动画图片

您可以加载可绘制文件来显示动画图片，从而在应用中打造更具互动性和吸引力的用户体验。动画图片非常适合用于创建加载指示器、成功或错误指示器、促进游戏开发以及执行各种其他界面功能。

版本兼容性

此实现要求将项目 minSDK 设置为 API 级别 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

代码要点

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