显示动画图像

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

版本兼容性

此实现要求您的项目 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
    )
}

关于代码的关键点

  • 加载矢量资源,随着时间的推移对绘图属性进行动画处理。
  • 一个Image 实例,它使用 Painter 实例来执行动画,该实例由 AnimatedImageVectorboolean 状态通过 rememberAnimatedVectorPainter() 函数创建。
  • atEndtrue 时,Painter 实例停止动画。

结果

Hourglass animating its contents and rotating
图 1. Compose 中的动画矢量可绘制对象。

包含本指南的收藏

本指南是这些精选的快速指南收藏的一部分,涵盖了更广泛的 Android 开发目标

了解使用明亮、引人入胜的视觉效果来为您的 Android 应用提供精美外观和感觉的技术。

有问题或反馈?

访问我们的常见问题页面,了解快速指南,或与我们联系并告诉我们您的想法。