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
150
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
440
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
720
Non-technical ways to be a better developer
icanzilb
1
340
What's in it after the Indiepocalypse is over?
icanzilb
1
2.7k
Easy Animation at Cocoaheads Copenhagen
icanzilb
3
240
SpriteKit with Swift workshop
icanzilb
1
960
Other Decks in Technology
See All in Technology
AWSでRAGを作る法方
sonoda_mj
1
140
公共領域から学ぶ クラウド移行についてエンジニアが意識していること
kawakawa2222
0
140
データベース研修 DB基礎【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
220
たくさん本を読んだけど 1年後には綺麗サッパリ!を乗り越えて 学習の鬼になるぞ👹
yum3
0
160
DDDにおける認可の扱いとKotlinにおける実装パターン / authorization-for-ddd-and-kotlin-implement-pattern
urmot
4
390
ここがすごいよ! AWS Systems Manager!
saichan11
0
1.8k
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
What is DRE? - Road to SRE NEXT@広島
chanyou0311
3
630
シフトレフトで挑む セキュリティの生産性向上
sekido
PRO
0
270
Android研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
100
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
190
ペパボのオブザーバビリティ研修2024 説明資料
kesompochy
0
1.1k
Featured
See All Featured
Docker and Python
trallard
37
2.9k
Documentation Writing (for coders)
carmenintech
63
4.2k
Statistics for Hackers
jakevdp
792
220k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
35
6.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
23
1.9k
Atom: Resistance is Futile
akmur
261
25k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
The Cult of Friendly URLs
andyhume
75
5.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
Building Adaptive Systems
keathley
34
2k
Design by the Numbers
sachag
277
18k
Writing Fast Ruby
sferik
623
60k
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