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
460
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
980
Other Decks in Technology
See All in Technology
Report of JAWS PANKRATION 2024, a global online event using Amazon IVS
yoshimi0227
1
130
XPを始める新人に伝えたい近道の鍵
nakasho
1
190
Renovate ではじめる運用レスなライブラリ更新 / 令和最新版 他人に自慢したいヤバいCI/CD LT会 @ yabaibuki.dev #2
ponkio_o
PRO
1
120
RemixでVersion skewに立ち向かう
chimame
1
720
Dual level of task scheduling for VM workloads
ennael
PRO
0
170
Oracle Cloud Infrastructure:2024年9月度サービス・アップデート
oracle4engineer
PRO
0
320
山手線一周のパフォーマンス改善
suzukahr
0
110
ITエンジニアとして知っておいてほしい、電子メールという大きな穴
logica0419
1
280
【インフラエンジニアbooks】30分でわかる「AWS継続的セキュリティ実践ガイド」
hssh2_bin
1
330
成果のためのコミュニケーション - 語彙を育てよう -/communication-for-good-outcome-developing-vocabulary
hassaku63
2
130
エムスリー全チーム紹介資料 / Introduction of M3 All Teams
m3_engineering
0
130
DenoでもViteしたい!インポートパスのエイリアスを指定してラクラクアプリ開発
bengo4com
0
1.6k
Featured
See All Featured
Side Projects
sachag
452
42k
Mobile First: as difficult as doing things right
swwweet
221
8.8k
Documentation Writing (for coders)
carmenintech
65
4.3k
Gamification - CAS2011
davidbonilla
79
5k
Done Done
chrislema
180
16k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
227
52k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Creatively Recalculating Your Daily Design Routine
revolveconf
216
12k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
663
120k
Building Your Own Lightsaber
phodgson
101
6k
Debugging Ruby Performance
tmm1
72
12k
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