This is probably something easy I'm missing, but is there an easy way to animate between ImageVector...

# compose

[Gabriel Melo]

This is probably something easy I'm missing, but is there an easy way to animate between ImageVector states?

I couldn't find an appropriate animate*AsState nor a suitable TwoWayConverter to use with animateValueAsState.

For context, the icon is chosen according to a Boolean value (which also lacks an animate*AsState function).

[Doris Liu]

Is this what you are looking for? https://developer.android.com/jetpack/compose/resources#animated-vector-drawables

[Gabriel Melo]

No, I want to animate between ImageVectors. No XML involved.

[Doris Liu]

Do the ImageVectors that you are trying to animate in between have the same number of ``VectorGroup/Path``s, or are you looking for a way to automatically morph in-between any arbitrary pair of `ImageVector`s?
cc+ @Nader Jawad

[Gabriel Melo]

The second option. I tried the Crossfade API, but it didn't have the effect I'm looking for.

[Ian Lake]

What type of effect are you hoping for? I'm having a hard time imagining something that that works with any two vectors since there's an arbitrarily large number of possible transitions (how would the system know what type of transition you want?)

[Nader Jawad]

In order for path morphing to work properly each vector would need to same number of paths/groups with the same path commands and then the path parameters can be interpolated. Otherwise some other approach such as cross fading would be necessary

[Gabriel Melo]

I see. So for creating a custom transition animation between vectors (be they easily morphable or not) which compose animation API would be appropriate?

[Doris Liu]

Transition would be the API I recommend. Here's an example: https://cs.android.com/androidx/platform/frameworks/support/+/836a71075115a60c7dd8e5[…]/java/androidx/compose/ui/demos/AnimatedVectorGraphicsDemo.kt
Lottie is a great option for your use case as well. 🙂