iOS Animations with Auto Layout

on YouTube ↗52m

" summary

Explains how to animate Auto Layout by actually changing constraints and letting UIKit animate position/size: make an NSLayoutConstraint IBOutlet, change its constant or deactivate old constraint and add new one with a different multiplier, then call layoutIfNeeded() inside an animation block (can use spring). Shows failure case where moving view.center is undone by a relayout when keyboard appears, demos resizing a top bar, and using UIStackView’s arrangedSubviews.hidden toggle to animate layout — all examples work.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 1:04Why animations matter
3. 6:20Auto Layout animation pitfalls
4. 12:02How Auto Layout works
5. 18:31Auto Layout animation techniques
6. 21:04Animating constraints with outlets
7. 28:12Changing multipliers dynamically
8. 37:16Auto Layout animation takeaways
9. 37:59Introducing stack views
10. 44:03Adaptive layouts with stack views
11. 47:37Animating stack views
12. 50:12Summary

" related talks

• 35mScaling beyond StoryboardsNick Lockwood · iOS Conf SG 2017
• 18mBuilding Apps with Compositional LayoutSowndharya Maheswaran · Swift India Conference 2019
• 11mAuto Layout with an Extended Visual Format LanguageBAN Jun · AltConf 2019
• 45mKeyboard avoiding in SwiftUIValeriy Skvortsov · Mobius 2022 Autumn
• 54m60 fps UI on iOSSergey Pronin · Mobius 2017 Piter
• 20mDeep Dive into StoryboardHinata Tsuyoshi · iOSDC Japan 2020
• 40mDemystifying self-sizing cellsRenaud Lienhart · /dev/world 2019
• 27mLow-Hanging View Controller FruitsGwen Weston · iOS Conf SG 2016