Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Animations with Auto Layout
Search
Marin Todorov
March 06, 2015
Technology
1
160
Animations with Auto Layout
My presentation on mdevcon 2015 :)
Marin Todorov
March 06, 2015
Tweet
Share
More Decks by Marin Todorov
See All by Marin Todorov
Testing RxRealm with RxBlocking
icanzilb
0
500
RxSwift on iOS
icanzilb
4
4k
Is RxSwift for me? @ try! Swift NYC
icanzilb
3
23k
(Appbuilders) Non-technical ways to be a better developer
icanzilb
3
770
Non-technical ways to be a better developer
icanzilb
1
380
What's in it after the Indiepocalypse is over?
icanzilb
1
2.7k
Easy Animation at Cocoaheads Copenhagen
icanzilb
3
280
SpriteKit with Swift workshop
icanzilb
1
1k
Other Decks in Technology
See All in Technology
Git in Team
kawaguti
PRO
3
330
AI時代だからこそ考える、僕らが本当につくりたいスクラムチーム / A Scrum Team we really want to create in this AI era
takaking22
8
4.1k
from Sakichi Toyoda to Agile
kawaguti
PRO
1
110
Escaping_the_Kraken_-_October_2025.pdf
mdalmijn
0
160
空間を設計する力を考える / 20251004 Naoki Takahashi
shift_evolve
PRO
4
460
【Kaigi on Rails 事後勉強会LT】MeはどうしてGirlsに? 私とRubyを繋いだRail(s)
joyfrommasara
0
230
Where will it converge?
ibknadedeji
0
200
AWS Top Engineer、浮いてませんか? / As an AWS Top Engineer, Are You Out of Place?
yuj1osm
2
210
LLMアプリの地上戦開発計画と運用実践 / 2025.10.15 GPU UNITE 2025
smiyawaki0820
1
230
職種別ミートアップで社内から盛り上げる アウトプット文化の醸成と関係強化/ #DevRelKaigi
nishiuma
2
160
プロポーザルのコツ ~ Kaigi on Rails 2025 初参加で3名の登壇を実現 ~
naro143
1
210
神回のメカニズムと再現方法/Mechanisms and Playbook for Kamikai scrumat2025
moriyuya
4
700
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Practical Orchestrator
shlominoach
190
11k
How to Ace a Technical Interview
jacobian
280
24k
The Straight Up "How To Draw Better" Workshop
denniskardys
237
140k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Building Adaptive Systems
keathley
43
2.8k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
For a Future-Friendly Web
brad_frost
180
9.9k
The Language of Interfaces
destraynor
162
25k
Gamification - CAS2011
davidbonilla
81
5.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Transcript
iOS Animations with Auto Layout
Marin Todorov Underplot Apps www.raywenderlich.com
Books
Today’s Loot
Animation in UIKit Animating UIViews Property animations Easy, one-liners Built-in
& free! alpha = 1.0 alpha = 0.0 2 seconds duration
Animations in Auto Layout 100pt 10pt 160pt 90pt (10.0, 100.0)
-> (90.0, 160.0)
NSLayoutConstraint bottom = parent.centerY * 1/4 + 50 firstItem firstAttribute
secondItem secondAttribute multiplier constant
Animations Auto Layout
1. Find & Replace constraints
Constraints .Top .Bottom .Trailing .Leading .Height .Width
= superview.height * 0.34 + 0.0 mutable read only
0.34 0.34 0.34 0.55 0.23 0.23 Auto Layout
2.Modify existing constraint
Details Text Details Text 0.0 Details Text Details Text -160
Auto Layout
label.Leading = superview.Leading * 0.1 + 0.0 label.Leading = superview.Leading
* 0.1 + 0.0 label.Leading = superview.Leading * 0.1 - 160.0
None
3. IB Outlets
Interface Builder
Giveaway rules #mdevcon
1. find & replace 2. modify existing 3. contstraint outlets
#mdevcon
[Homework]. Create new constraints #mdevcon
Giveaway #mdevcon
Thank you! : @icanzilb : icanzilb www.ios-animations-by-tutorials.com www.ios-animations-by-emails.com