Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Animations with Auto Layout

Avatar for Marin Todorov Marin Todorov
March 06, 2015
Technology
1
180

Animations with Auto Layout

My presentation on mdevcon 2015 :)

Avatar for Marin Todorov

Marin Todorov

March 06, 2015
Tweet

More Decks by Marin Todorov

See All by Marin Todorov
Testing RxRealm with RxBlocking
Avatar for Marin Todorov icanzilb
0
530
RxSwift on iOS
Avatar for Marin Todorov icanzilb
4
4k
Is RxSwift for me? @ try! Swift NYC
Avatar for Marin Todorov icanzilb
3
23k
(Appbuilders) Non-technical ways to be a better developer
Avatar for Marin Todorov icanzilb
3
790
Non-technical ways to be a better developer
Avatar for Marin Todorov icanzilb
1
400
What's in it after the Indiepocalypse is over?
Avatar for Marin Todorov icanzilb
1
2.8k
Easy Animation at Cocoaheads Copenhagen
Avatar for Marin Todorov icanzilb
3
290
SpriteKit with Swift workshop
Avatar for Marin Todorov icanzilb
1
1k

Other Decks in Technology

See All in Technology
~Everything as Codeを諦めない~ 後からCDK
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
3
320
【Oracle Cloud ウェビナー】[Oracle AI Database + AWS] Oracle Database@AWSで広がるクラウドの新たな選択肢とAI時代のデータ戦略
Avatar for oracle4engineer oracle4engineer
PRO
1
130
超初心者からでも大丈夫！オープンソース半導体の楽しみ方〜今こそ！オレオレチップをつくろう〜
Avatar for Yamada3 keropiyo
0
110
Amazon Bedrock Knowledge Basesチャンキング解説！
Avatar for 野口碧生 aoinoguchi
0
130
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
Avatar for abemii_ abemii
0
110
2026年、サーバーレスの現在地 -「制約と戦う技術」から「当たり前の実行基盤」へ- /serverless2026
Avatar for Serverless Operations slsops
2
220
AI駆動開発を事業のコアに置く
Avatar for 鬼澤輔 tasukuonizawa
1
140
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
460
プロポーザルに込める段取り八分
Avatar for ShoheiMitani shoheimitani
1
200
Tebiki Engineering Team Deck
Avatar for Tebiki, Inc. tebiki
0
24k
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
Avatar for Kuniaki Moriya zepprix
0
440
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
430

Featured

See All Featured
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
0
1.9k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.1k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
450
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.4k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
56
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
700
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k

Transcript

  1. iOS Animations with Auto Layout

  2. Marin Todorov Underplot Apps www.raywenderlich.com

  3. Books

  4. Today’s Loot

  5. Animation in UIKit Animating UIViews Property animations Easy, one-liners Built-in

    & free! alpha = 1.0 alpha = 0.0 2 seconds duration

  6. Animations in Auto Layout 100pt 10pt 160pt 90pt (10.0, 100.0)

    -> (90.0, 160.0)

  7. NSLayoutConstraint bottom = parent.centerY * 1/4 + 50 firstItem firstAttribute

    secondItem secondAttribute multiplier constant

  8. Animations Auto Layout

  9. 1. Find & Replace constraints

  10. Constraints .Top .Bottom .Trailing .Leading .Height .Width

  11. = superview.height * 0.34 + 0.0 mutable read only

  12. 0.34 0.34 0.34 0.55 0.23 0.23 Auto Layout

  13. 2.Modify existing constraint

  14. Details Text Details Text 0.0 Details Text Details Text -160

    Auto Layout

  15. label.Leading = superview.Leading * 0.1 + 0.0 label.Leading = superview.Leading

    * 0.1 + 0.0 label.Leading = superview.Leading * 0.1 - 160.0
  16. None

  17. 3. IB Outlets

  18. Interface Builder

  19. Giveaway rules #mdevcon

  20. 1. find & replace 2. modify existing 3. contstraint outlets

    #mdevcon

  21. [Homework]. Create new constraints #mdevcon

  22. Giveaway #mdevcon

  23. Thank you! : @icanzilb : icanzilb www.ios-animations-by-tutorials.com www.ios-animations-by-emails.com