SwiftUI Animations Under The Hood
summary
Builds a toggle and a shaker to demonstrate how SwiftUI turns state changes into per-property interpolations, and shows a prototype render tree visual debugger (unreleased Instruments) that highlights animatable properties in italics. Demonstrates that .animation applies to leaf-view animatable properties (position, size, fill), that moving .animation changes scope, and that a custom animatableData shake modifier emits per-frame float values over a 3s animation (printed intermediate values), proving the approach works; also covers interruptible animations, transitions (opacity+scale), and QuickTime frame-by-frame debugging.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 1:08SwiftUI animations overview
- 3:22Building a toggle control
- 5:12What does it mean to animate
- 7:00Understanding the render tree
- 10:13Animating multiple properties
- 11:36Dot animation scope explained
- 14:31Implicit animations with scale
- 16:56Animating view insertion and removal
- 21:26Animating from state to state
- 22:29Creating a shake animation
- 27:03Custom animatable modifiers
- 28:47Phase animators and key frames
- 29:33Q&A session
