iOS Animations with Auto Layout

1fa9cb8c7997c8c4d3d251fb5e41f749?s=47 Realm
October 05, 2015

iOS Animations with Auto Layout

Presented by Marin Todorov at GOTO Copenhagen 2015

1fa9cb8c7997c8c4d3d251fb5e41f749?s=128

Realm

October 05, 2015
Tweet

Transcript

  1. 2.
  2. 4.
  3. 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!
  4. 7.
  5. 8.
  6. 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
  7. 10.

    AutoLayout VC pushed VC popped orientation
 change keyboard
 pops up

    change
 constraint AutoLayout AutoLayout AutoLayout Internal & External changes loadView()
  8. 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
  9. 14.
  10. 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
  11. 16.
  12. 18.