本頁面由 Cloud Translation API 翻譯而成。

顯示動畫圖片

您可以載入可繪檔案來顯示動畫圖片，在應用程式中打造更具互動性且引人入勝的使用者體驗。動畫圖片可用於建立載入指標、成功或錯誤指標，方便進行遊戲開發，以及執行其他各種 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
    )
}AnimationSnippets.kt

程式碼的重點

載入向量資源，讓繪圖屬性隨時間變化。
Image 例項會使用 Painter 例項執行動畫，該動畫是由 rememberAnimatedVectorPainter() 函式從 AnimatedImageVector 和 boolean 狀態建立。
當 atEnd 為 true 時，Painter 例項就會停止動畫。