Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Animations with Auto Layout

Bbb75c4dd2e17a7e3114c730ec7144d0?s=47 Marin Todorov
March 06, 2015
Technology
1
130

Animations with Auto Layout

My presentation on mdevcon 2015 :)

Bbb75c4dd2e17a7e3114c730ec7144d0?s=128

Marin Todorov

March 06, 2015
Tweet

More Decks by Marin Todorov

See All by Marin Todorov
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
0
330
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
4
3.5k
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
3
21k
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
3
620
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
1
290
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
1
2.4k
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
3
200
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
1
890

Other Decks in Technology

See All in Technology
97b3cca999b52cb5296675ac0a5c12cd?s=48 emiki
2
230
2f19948521a196215b63c4362af6c6c7?s=48 jumtech
10
6.6k
35fa62e1944d634eb5cb7fabffb1d84d?s=48 enkuma
0
480
Ede9c1cd3481df2b1da4749b7fd98950?s=48 tlyu0419
0
140
842515eaf8fbb2dfcc75197e7797dc15?s=48 sat
0
360
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
PRO
0
410
2219597a939c895e5db6f8b7c94e2859?s=48 pojiro
1
130
A4d5b3aae2e67f31b513c88c726514c2?s=48 smzksts
0
220
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
PRO
0
140
Cf14f4e867682556820d937eeb267fc4?s=48 odash
0
470
A101f74d588593108432afc2dec834f2?s=48 cmabe
3
2.5k
4861686276b2f990387eaef28b099db0?s=48 niyarin
0
120

Featured

See All Featured
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
235
18k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
107
6.4k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
110
15k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
170
7.5k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
238
10k
245cee81a9c424266e5e401d844ea881?s=48 lara
595
61k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
660
54k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
222
120k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
227
8.8k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
235
930k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
777
200k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
66
4.1k

Transcript

  1. iOS Animations with Auto Layout

  2. Marin Todorov Underplot Apps www.raywenderlich.com

  3. Books

  4. Today’s Loot

  5. Animation in UIKit Animating UIViews Property animations Easy, one-liners Built-in

    & free! alpha = 1.0 alpha = 0.0 2 seconds duration

  6. Animations in Auto Layout 100pt 10pt 160pt 90pt (10.0, 100.0)

    -> (90.0, 160.0)

  7. NSLayoutConstraint bottom = parent.centerY * 1/4 + 50 firstItem firstAttribute

    secondItem secondAttribute multiplier constant

  8. Animations Auto Layout

  9. 1. Find & Replace constraints

  10. Constraints .Top .Bottom .Trailing .Leading .Height .Width

  11. = superview.height * 0.34 + 0.0 mutable read only

  12. 0.34 0.34 0.34 0.55 0.23 0.23 Auto Layout

  13. 2.Modify existing constraint

  14. Details Text Details Text 0.0 Details Text Details Text -160

    Auto Layout

  15. label.Leading = superview.Leading * 0.1 + 0.0 label.Leading = superview.Leading

    * 0.1 + 0.0 label.Leading = superview.Leading * 0.1 - 160.0
  16. None

  17. 3. IB Outlets

  18. Interface Builder

  19. Giveaway rules #mdevcon

  20. 1. find & replace 2. modify existing 3. contstraint outlets

    #mdevcon

  21. [Homework]. Create new constraints #mdevcon

  22. Giveaway #mdevcon

  23. Thank you! : @icanzilb : icanzilb www.ios-animations-by-tutorials.com www.ios-animations-by-emails.com