Анимированные векторные изображения в Compose

Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками.

Анимировать векторы в Compose можно несколькими способами. Вы можете использовать любой из следующих:

• Формат файла AnimatedVectorDrawable
• ImageVector с API анимации Compose, как в этой статье Medium
• Стороннее решение, например Lottie

Анимированные векторные рисунки (экспериментальные)

Чтобы использовать ресурс 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
    )
}
AnimationSnippets.kt

Дополнительную информацию о формате файла для рисования см. в разделе Анимация графических объектов .