iOS Animations with Auto Layout

Transcript

1. 1.

   Animations with AL (and stack views) Marin Todorov

2. 2.

   None
3. 3.

   Swift 2.0 Swift 2.0

4. 4.

   None
5. 5.

   UIView.animateWithDuration(1.0, animations: { redSquare.center.x = 200.0
 })

6. 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!
7. 7.

   None
8. 8.

   Demo…

9. 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. 10.

    AutoLayout VC pushed VC popped orientation
 change keyboard
 pops up

    change
 constraint AutoLayout AutoLayout AutoLayout Internal & External changes loadView()
11. 11.

    UIView.animateWithDuration(1.0, animations: { }) view.center.x += 10 view.center.x -= 10

12. 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. 13.

    UIView.animateWithDuration(1.0, animations: { }) … code to change constraints… layoutIfNeeded()

14. 14.

    Demo…

15. 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. 16.

    Demo…

17. 17.

    Marin Todorov Thank you! www.underplot.com

18. 18.

    None