ShapeShifting: Creating delightful icon animations
summary
Explains how Android VectorDrawable maps SVG path data to animatable parts, shows that morphing requires paths with the same number and type of commands (so you must insert matching commands), demonstrates group transforms, trim-path animations and clip-path masking, and warns that the even-odd fill rule wasn’t supported pre-Nougat unless you use the support lib which backports it; recommends using Shape Shifter to auto-generate compatible paths and mentions Lottie and Keyframes as alternatives.
AI-written summary · about
chapters (12)
- 0:00Introduction and speaker
- 1:03Fascination with icon animation
- 4:59Vectors and SVGs explained
- 11:42Vector drawables in Android
- 14:14Fixing even-odd fill rule issues
- 17:08Animated vector drawables
- 18:11Group transformation animations
- 20:24Trimming stroked paths
- 21:27Path morphing animations
- 24:18Path clipping techniques
- 26:45Starting animations easily
- 27:27Resources and closing
related talks
28mShapeShifting: Creating delightful icon animations
48mOne Shot: Meaningful vector animation using Shape Shifter
44mIn-depth path morphing w/ Shape Shifter
47mLearn Some New Moves: Advanced Android Animation
41mGraphics for Android Developers, Part Deux
34mSmooth Criminals, Android animations and how not to get robbed.
38mIn a World of Pure Android Animation 🍭🍫
40mI Like The Way You Move