在 Compose 中製作向量動畫有幾種不同的方式。您可以使用下列任何一種方式:
AnimatedVectorDrawable
檔案格式- 將
ImageVector
與 Compose 動畫 API 搭配使用,例如這篇 Medium 文章 - 第三方解決方案,例如 Lottie
動畫向量可繪項目 (實驗功能)
![以沙漏顯示內容動畫並旋轉](https://developer.android.google.cn/static/develop/ui/compose/images/animations/avd_example_compose.gif?authuser=5&hl=zh-tw)
如要使用 AnimatedVectorDrawable
資源,請使用 animatedVectorResource
載入可繪項目檔案,並傳入 boolean
,即可在可繪項目的開始和結束狀態之間切換,執行動畫。
@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 ) }
有關可繪項目檔案格式的詳細資訊請參閱「以動畫方式呈現可繪項目圖形」。
為您推薦
- 注意:系統會在 JavaScript 關閉時顯示連結文字
- 載入圖片 {:#loading-images}