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
320
Bbb75c4dd2e17a7e3114c730ec7144d0?s=48 icanzilb
4
3.4k
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
890

Other Decks in Technology

See All in Technology
7975b9fd58c8945ae1c6b38747de7f28?s=48 line_developers_tw2
0
490
D8e79ab09f15e69d600c00131bf7d2a9?s=48 yfutamura
0
400
2f73f93f91c4401b0baf12029226a681?s=48 tobachi
0
3.1k
5df7b3418b4b5528ddfe514d73008883?s=48 tsugimot
0
150
525442fc70ca92f82ae503f826956137?s=48 finengine
0
340
D8e79ab09f15e69d600c00131bf7d2a9?s=48 yfutamura
0
400
3b02ffcc638b9cde6cb1bb458a926b15?s=48 yukiarrr
1
310
9e8bdaea0cc26ccf98270c870b9ad26a?s=48 hiyosi
0
150
D8e79ab09f15e69d600c00131bf7d2a9?s=48 yfutamura
0
580
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
0
400
Be0f86176276318b4b9775d795278f7e?s=48 yushiku
4
1.1k
Fccbd625997f63e7b251d9725cb905a5?s=48 futo23
1
1.6k

Featured

See All Featured
9128d500301ae51524e887bb680f471d?s=48 caitiem20
311
17k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
402
20k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
82
4.8k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
779
240k
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
23
3.9k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
116
10k
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
10
570
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
176
7.6k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
226
8.7k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
73
1.5k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
64
3.8k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
776
200k

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