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
510
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
.NET 10のBlazorの期待の新機能
htkym
0
180
OPENLOGI Company Profile for engineer
hr01
1
46k
2025/10/27 JJUGナイトセミナー WildFlyとQuarkusの 始め方
megascus
0
110
新米エンジニアをTech Leadに任命する ー 成長を支える挑戦的な人と組織のマネジメント
naopr
1
340
ストレージエンジニアの仕事と、近年の計算機について / 第58回 情報科学若手の会
pfn
PRO
4
950
AIエージェントによる業務効率化への飽くなき挑戦-AWS上の実開発事例から学んだ効果、現実そしてギャップ-
nasuvitz
5
1.6k
アノテーション作業書作成のGood Practice
cierpa0905
PRO
1
370
知覚とデザイン
rinchoku
1
720
re:Inventに行くまでにやっておきたいこと
nagisa53
0
950
AWS DMS で SQL Server を移行してみた/aws-dms-sql-server-migration
emiki
0
280
AIでデータ活用を加速させる取り組み / Leveraging AI to accelerate data utilization
okiyuki99
6
1.6k
Observability — Extending Into Incident Response
nari_ex
2
730
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
526
40k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
192
56k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.3k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Agile that works and the tools we love
rasmusluckow
331
21k
Mobile First: as difficult as doing things right
swwweet
225
10k
Gamification - CAS2011
davidbonilla
81
5.5k
GraphQLとの向き合い方2022年版
quramy
49
14k
Statistics for Hackers
jakevdp
799
220k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
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