Vector Workflows

on YouTube ↗45m

" summary

Vector drawables are presented as a practical replacement for many PNGs: they stay sharp at any density, let the app animate and tint parts, and often shrink APK size — one real example saved ~0.5 MB by replacing multiple PNGs. Android supports paths, groups, trim, clip paths and (API 24) gradients; tooling recommended includes Sketch, SVGO and the Android Studio SVG importer, plus Shape Shifter for morphing. An aggressive cleanup cuts inflate time from ~11ms → 3.6ms and draw from ~2ms → 0.5ms.

AI-written summary · about

" chapters (6)

1. 0:00Introduction to vectors
2. 10:19Vector drawable basics
3. 23:40Creating and optimizing vectors
4. 33:44Performance and profiling vectors
5. 40:01Animating vector drawables
6. 44:13Advanced tools and workflows

" related talks

• 16mTROUBLESHOOTING YOUR DESIGNER'S, AND VECTOR GRAPHICS_DONTMitchell Tilbrook · droidcon Berlin 2018
• 49mMobiconf: Mark Allisson, blog.stylingandroid.comMark Allisson · Mobiconf 2018
• 28mShapeShifting: Creating delightful icon animationsOr Bar · 360|AnDev 2017
• 48mOne Shot: Meaningful vector animation using Shape ShifterGarima Jain · 360|AnDev 2020
• 31mShapeShifting: Creating delightful icon animationsOr Bar · droidcon San Francisco 2017
• 39mIn-depth path morphing w/ Shape ShifterAlex Lockwood · droidcon San Francisco 2017
• 42mAndroid Graphics: the Path to [UI] RichesRomain Guy, Chet Haase · Android Makers by droidcon 2023
• 45mIn-depth path morphing w/ Shape ShifterAlex Lockwood · 360|AnDev 2018