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
490
RxSwift on iOS
icanzilb
4
3.9k
Is RxSwift for me? @ try! Swift NYC
icanzilb
3
23k
(Appbuilders) Non-technical ways to be a better developer
icanzilb
3
760
Non-technical ways to be a better developer
icanzilb
1
370
What's in it after the Indiepocalypse is over?
icanzilb
1
2.7k
Easy Animation at Cocoaheads Copenhagen
icanzilb
3
260
SpriteKit with Swift workshop
icanzilb
1
1k
Other Decks in Technology
See All in Technology
AIの電力問題を概観する
rmaruy
1
210
Rebase エンジニアリング組織の現状とこれから
rebase_engineering
0
140
Redmineの意外と知らない便利機能 (Redmine 6.0対応版)
vividtone
0
1.1k
それでもぼくらは貢献をつづけるのだ(たぶん) @FOSS4GLT会#002
furukawayasuto
1
270
Introduction to Bill One Development Engineer
sansan33
PRO
0
240
Houtou.pm #1
papix
0
650
MCP で繋ぐ Figma とデザインシステム〜LLM を使った UI 実装のリアル〜
kimuson
2
1.3k
いまさら聞けない Git 超入門 〜Gitって結局なに?から始める第一歩〜
devops_vtj
0
150
Slackひと声でブログ校正!Claudeレビュー自動化編
yusukeshimizu
3
150
アプリケーションの中身が見える!Mackerel APMの全貌と展望 / Mackerel APMリリースパーティ
mackerelio
0
430
会社員しながら本を書いてきた知見の共有
sat
PRO
3
680
Node−RED で Ollama を使ったローカルLLM(node-red-contrib-ollamaを利用) / ビジュアルプログラミングIoTLT vol.20
you
PRO
0
140
Featured
See All Featured
Side Projects
sachag
454
42k
Embracing the Ebb and Flow
colly
85
4.7k
Why Our Code Smells
bkeepers
PRO
336
57k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
How to Ace a Technical Interview
jacobian
276
23k
Speed Design
sergeychernyshev
30
970
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.5k
Typedesign – Prime Four
hannesfritz
41
2.6k
Adopting Sorbet at Scale
ufuk
76
9.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Building an army of robots
kneath
306
45k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
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