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
iOS Animations with Auto Layout
Search
Realm
October 05, 2015
Programming
1
32k
iOS Animations with Auto Layout
Presented by Marin Todorov at GOTO Copenhagen 2015
Realm
October 05, 2015
Tweet
Share
More Decks by Realm
See All by Realm
WWDC 2017 Review
realm
0
2.1k
Xcode shortcuts
realm
0
4.7k
Self Branding with GitHub
realm
0
4.3k
Realm Mobile Platform overview and demo
realm
0
2.1k
Realm advanced topics and demo
realm
0
2k
Realm introduction Seoul meetup 10
realm
0
2.1k
Stuart Hall: How I got 2.3 Million App Downloads
realm
0
1.9k
James Majors: What the Swiftly Func?
realm
1
4.3k
Simina Pasat: Continuous everything for iOS apps
realm
0
630
Other Decks in Programming
See All in Programming
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
170
CSC305 Lecture 04
javiergs
PRO
0
270
Introduce Hono CLI
yusukebe
0
280
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
350
明日から始めるリファクタリング
ryounasso
0
140
そのpreloadは必要?見過ごされたpreloadが技術的負債として爆発した日
mugitti9
2
3.4k
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
230
Serena MCPのすすめ
wadakatu
4
1k
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
takehaya
9
1.7k
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
500
AIと人間の共創開発!OSSで試行錯誤した開発スタイル
mae616
1
390
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
940
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Optimizing for Happiness
mojombo
379
70k
Typedesign – Prime Four
hannesfritz
42
2.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Designing for humans not robots
tammielis
254
26k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
8
910
Bash Introduction
62gerente
615
210k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
How STYLIGHT went responsive
nonsquared
100
5.8k
Transcript
Animations with AL (and stack views) Marin Todorov
None
Swift 2.0 Swift 2.0
None
UIView.animateWithDuration(1.0, animations: { redSquare.center.x = 200.0 })
Stack Overflow Q: How to do this one animation thing
in my app? A: Include Bloated.framework by Super Awesome Ninja Dev and paste: createANM().move().byX(20).byY(10).fadeWithTint().etc().etc() Q: Accepted! Works!
None
Demo…
AutoLayout UIView1 UIView2 Constraint Width Constraint Height Constraint CenterX Constraint
MarginY Constraint Ratio Constraint Height Constraint Vert. Space Layout Hierarchy UIView1.center UIView1.bounds UIView2.center UIView2.bounds UIView1.height = UIView2.height * 0.5 + 100
AutoLayout VC pushed VC popped orientation change keyboard pops up
change constraint AutoLayout AutoLayout AutoLayout Internal & External changes loadView()
UIView.animateWithDuration(1.0, animations: { }) view.center.x += 10 view.center.x -= 10
AutoLayout UIView1 UIView2 Constraint Width Constraint Height Constraint CenterX Constraint
MarginY Constraint Ratio Constraint Height Constraint Vert. Space Layout Hierarchy UIView1.center UIView1.bounds UIView2.center UIView2.bounds UIView1.height = UIView2.height * 0.5 + 100
UIView.animateWithDuration(1.0, animations: { }) … code to change constraints… layoutIfNeeded()
Demo…
UIStackView Button Constraint Width Constraint Height Constraint CenterX Constraint MarginY
Constraint Ratio Constraint Height Constraint Vert. Space AutoLayout Text horizontal/vertical centered margin space consult prev. slides
Demo…
Marin Todorov Thank you! www.underplot.com
None