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
470
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
730
Non-technical ways to be a better developer
icanzilb
1
350
What's in it after the Indiepocalypse is over?
icanzilb
1
2.7k
Easy Animation at Cocoaheads Copenhagen
icanzilb
3
250
SpriteKit with Swift workshop
icanzilb
1
990
Other Decks in Technology
See All in Technology
20250116_JAWS_Osaka
takuyay0ne
2
200
完全自律型AIエージェントとAgentic Workflow〜ワークフロー構築という現実解
pharma_x_tech
0
350
東京Ruby会議12 Ruby と Rust と私 / Tokyo RubyKaigi 12 Ruby, Rust and me
eagletmt
3
870
Godot Engineについて調べてみた
unsoluble_sugar
0
400
Copilotの力を実感!3ヶ月間の生成AI研修の試行錯誤&成功事例をご紹介。果たして得たものとは・・?
ktc_shiori
0
350
なぜfreeeはハブ・アンド・スポーク型の データメッシュアーキテクチャにチャレンジするのか?
shinichiro_joya
2
470
実践! ソフトウェアエンジニアリングの価値の計測 ── Effort、Output、Outcome、Impact
nomuson
0
2.1k
Evolving Architecture
rainerhahnekamp
3
250
テストを書かないためのテスト/ Tests for not writing tests
sinsoku
1
170
EMConf JP の楽しみ方 / How to enjoy EMConf JP
pauli
2
150
Alignment and Autonomy in Cybozu - 300人の開発組織でアラインメントと自律性を両立させるアジャイルな組織運営 / RSGT2025
ama_ch
1
2.4k
AWS Community Builderのススメ - みんなもCommunity Builderに応募しよう! -
smt7174
0
180
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
19
3.1k
Building an army of robots
kneath
302
45k
Thoughts on Productivity
jonyablonski
68
4.4k
Measuring & Analyzing Core Web Vitals
bluesmoon
5
210
Speed Design
sergeychernyshev
25
740
Adopting Sorbet at Scale
ufuk
74
9.2k
RailsConf 2023
tenderlove
29
970
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
We Have a Design System, Now What?
morganepeng
51
7.3k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Faster Mobile Websites
deanohume
305
30k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
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