iOS Animations with Auto Layout

Presented by Marin Todorov at GOTO Copenhagen 2015

Transcript

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