iOS Animations with Auto Layout

Presented by Marin Todorov at GOTO Copenhagen 2015

1. Animations with AL (and stack views) Marin Todorov
3. Swift 2.0 Swift 2.0
5. UIView.animateWithDuration(1.0, animations: { redSquare.center.x = 200.0
 })
6. Stack Overflow Q: How to do this one animation thing in my app?
 
 A: Include Bloated.framework by Super Awesome Ninja Dev 
 and paste:
 createANM().move().byX(20).byY(10).fadeWithTint().etc().etc() 
 Q: Accepted! Works!
8. Demo…
9. AutoLayout UIView1 UIView2 Constraint Width Constraint Height Constraint CenterX Constraint MarginY Constraint Ratio Constraint Height Constraint Vert. Space Layout Hierarchy UIView1.center UIView1.bounds UIView2.center UIView2.bounds UIView1.height = UIView2.height * 0.5 + 100
10. AutoLayout VC pushed VC popped orientation
 change keyboard
 pops up change
 constraint AutoLayout AutoLayout AutoLayout Internal & External changes loadView()
11. UIView.animateWithDuration(1.0, animations: { }) view.center.x += 10 view.center.x -= 10
12. AutoLayout UIView1 UIView2 Constraint Width Constraint Height Constraint CenterX Constraint MarginY Constraint Ratio Constraint Height Constraint Vert. Space Layout Hierarchy UIView1.center UIView1.bounds UIView2.center UIView2.bounds UIView1.height = UIView2.height * 0.5 + 100
13. UIView.animateWithDuration(1.0, animations: { }) … code to change constraints… layoutIfNeeded()
14. Demo…
15. UIStackView Button Constraint Width Constraint Height Constraint CenterX Constraint MarginY Constraint Ratio Constraint Height Constraint Vert. Space AutoLayout Text horizontal/vertical centered margin space consult prev. slides
16. Demo…
17. Marin Todorov Thank you! www.underplot.com