W komponencie tworzenia można animować wektory na kilka różnych sposobów. Możesz użyć dowolnej z tych opcji:
- Format pliku
AnimatedVectorDrawable
ImageVector
z interfejsami API tworzenia animacji, jak w tym artykule w Medium.- rozwiązanie innej firmy, np. Lottie;
Animowane elementy rysowalne wektorowe (funkcja eksperymentalna)
Aby użyć zasobu AnimatedVectorDrawable
, wczytaj plik rysowalny za pomocą animatedVectorResource
i przekaż tag boolean
, by przełączać się między stanem początkowym a końcowym elementu rysowanego podczas animacji.
@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 ) }
Więcej informacji o formacie pliku rysowalnego znajdziesz w artykule Tworzenie animacji rysowalnych.
Polecane dla Ciebie
- Uwaga: tekst linku jest wyświetlany, gdy JavaScript jest wyłączony
- Wczytywanie obrazów {:#loading-images}