Animowane obrazy wektorowe w funkcji Utwórz

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
    )
}
AnimationSnippets.kt

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}