Animations with Auto Layout

Slide 1

Slide 1 text

iOS Animations with Auto Layout

Slide 2

Slide 2 text

Marin Todorov Underplot Apps www.raywenderlich.com

Slide 3

Slide 3 text

Books

Slide 4

Slide 4 text

Today’s Loot

Slide 5

Slide 5 text

Animation in UIKit Animating UIViews Property animations Easy, one-liners Built-in & free! alpha = 1.0 alpha = 0.0 2 seconds duration

Slide 6

Slide 6 text

Animations in Auto Layout 100pt 10pt 160pt 90pt (10.0, 100.0) -> (90.0, 160.0)

Slide 7

Slide 7 text

NSLayoutConstraint bottom = parent.centerY * 1/4 + 50 ﬁrstItem ﬁrstAttribute secondItem secondAttribute multiplier constant

Slide 8

Slide 8 text

Animations Auto Layout

Slide 9

Slide 9 text

1. Find & Replace constraints

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

= superview.height * 0.34 + 0.0 mutable read only

Slide 12

Slide 12 text

0.34 0.34 0.34 0.55 0.23 0.23 Auto Layout

Slide 13

Slide 13 text

2.Modify existing constraint

Slide 14

Slide 14 text

Details Text Details Text 0.0 Details Text Details Text -160 Auto Layout

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

3. IB Outlets

Slide 18

Slide 18 text

Interface Builder

Slide 19

Slide 19 text

Giveaway rules #mdevcon

Slide 20

Slide 20 text

1. find & replace 2. modify existing 3. contstraint outlets #mdevcon

Slide 21

Slide 21 text

[Homework]. Create new constraints #mdevcon

Slide 22

Slide 22 text

Giveaway #mdevcon

Slide 23

Slide 23 text

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