Designing Delightful Animations with SwiftUI
summary
Live demos show SwiftUI upgrades: a food-ordering app gains a hero transition using matchGeometryEffect (namespace-backed continuity that doesn’t play well with NavigationStack), a tasks app smooths its Core Data updates by passing an animation to fetchRequest, the progress bar animates instead of jumping, and a custom tick uses trim to draw on/off. Practical APIs covered: contentTransition, symbolEffect, rotation + offset for a plus→× icon. Aim for 200–400ms durations (commonly 0.25–0.4s); avoid decorative or inconsistent animations.
AI-written summary · about
chapters (18)
- 0:00SwiftUI animations intro
- 1:50Why animations matter
- 3:20UX improvements with animations
- 5:05State change animations
- 7:29Loading animations
- 9:20Entry animations
- 10:48Hero animations
- 12:57Animation demo
- 14:03Progress bar animations
- 15:49Custom sheet interactions
- 17:10Task row animations
- 18:33Task deletion animations
- 19:56Date/progress animations
- 21:23Effective animation qualities
- 23:23Predictability in animations
- 25:09Responsive animations
- 26:24Questions to ask before adding animations
- 28:14Conclusion
