您可以載入可繪檔案來顯示動畫圖片,在應用程式中打造更具互動性且引人入勝的使用者體驗。動畫圖片可用於建立載入指標、成功或錯誤指標,方便進行遊戲開發,以及執行其他各種 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
例項執行動畫,該動畫是由rememberAnimatedVectorPainter()
函式從AnimatedImageVector
和boolean
狀態建立。- 當
atEnd
為true
時,Painter
例項就會停止動畫。
結果
![沙漏動畫效果,呈現內容並旋轉](https://developer.android.google.cn/static/develop/ui/compose/images/animations/avd_example_compose.gif?hl=zh-tw)
包含此指南的集合
本指南是精選的快速指南系列之一,涵蓋更廣泛的 Android 開發目標:
![](https://developer.android.google.cn/static/images/quick-guides/collection-illustration.png?hl=zh-tw)
顯示圖片
瞭解如何運用明亮吸睛的視覺元素,為 Android 應用程式打造美觀的視覺效果。
有問題或意見回饋嗎?
請前往常見問題頁面,瞭解快速指南或與我們聯絡,分享您的想法。