Animating vectors in Android with AnimatedVectorDrawable

Seeing Lottie in action, I was reminded of Android’s AnimatedVectorDrawable which also allows one to do vector based animations.

This class animates properties of a VectorDrawable with animations defined using ObjectAnimator or AnimatorSet.

If you’re familiar with SVG, the AnimatedVectorDrawable XML contents will look familiar.

The “Endless Pin Jump” animation (pictured above) for example is something that can be animated using AnimatedVectorDrawable. Like SVG you can write your XML manually, or use an IDE – such as AndroidIconAnimator (web-based) – to creating your AnimatedVectorDrawables. Online tools to convert your SVGs to the VectorDrawable format also exist 🙂

An Introduction to AnimatedVectorDrawable
Animation: Jump-through using AnimatedVectorDrawable
“Endless Pin Jump” animation with AnimatedVectorDrawable
AndroidIconAnimator, web-based AnimatedVectorDrawable IDE →
SVG to VectorDrawable convertor →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.