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
300
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
4
3.3k
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
3
21k
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
3
610
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
1
290
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
1
2.4k
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
3
200
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
1
880

Other Decks in Technology

See All in Technology
Bf7fe621f4fe1615c228ef8a79b87282?s=48 shirayanagiryuji
0
320
Cd3d2cb2dadf5488935fe0ddaea7938a?s=48 monochromegane
0
110
89a0966b0f29e90ebf602a77e1349a6b?s=48 alexanderbyndyu
0
220
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
0
170
D1b28ca276bee52e56ba11785f70d2d6?s=48 makocchi
0
220
73c174b34dafaea64f2824eb008a6559?s=48 shibayan
0
1k
6ddc65998177a0f05be629dc31321a8f?s=48 kken78
0
410
98e8fcf6f0962f5ffdbe830f5555b189?s=48 mrkmakr
3
1.3k
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
0
120
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
0
210
B2fefbb30aba7c25bbe0c8819791631a?s=48 gunnargrosch
0
750
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
0
110

Featured

See All Featured
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
55
9.3k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
7
480
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
585
200k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
186
14k
245cee81a9c424266e5e401d844ea881?s=48 lara
590
60k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
776
240k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
81
3.3k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
100
11k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
22
1.1k
E13c31390e0369fcd5972292ce0e7b92?s=48 jnunemaker
PRO
40
4.4k
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
14
1.3k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
66
260k

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