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
160

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
500
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
770
Non-technical ways to be a better developer
Avatar for Marin Todorov icanzilb
1
380
What's in it after the Indiepocalypse is over?
Avatar for Marin Todorov icanzilb
1
2.7k
Easy Animation at Cocoaheads Copenhagen
Avatar for Marin Todorov icanzilb
3
270
SpriteKit with Swift workshop
Avatar for Marin Todorov icanzilb
1
1k

Other Decks in Technology

See All in Technology
LLM時代の検索とコンテキストエンジニアリング
Avatar for shibuiwilliam shibuiwilliam
2
1.1k
datadog-distribution-of-opentelemetry-collector-intro
Avatar for tetsuya28 tetsuya28
0
220
ウォンテッドリーのアラート設計と Datadog 移行での知見
Avatar for Kazuki Obata donkomura
0
270
JOAI発表資料 @ 関東kaggler会
Avatar for 日本人工知能オリンピック joai_committee
1
180
[OCI Technical Deep Dive] OracleのAI戦略(2025年8月5日開催)
Avatar for oracle4engineer oracle4engineer
PRO
1
260
生成AI利用プログラミング：誰でもプログラムが書けると 世の中どうなる？/opencampus202508
Avatar for Oka Natsuki okana2ki
0
180
Autonomous Database Serverless 技術詳細 / adb-s_technical_detail_jp
Avatar for oracle4engineer oracle4engineer
PRO
18
52k
Claude Code x Androidアプリ 開発
Avatar for Shinnosuke Kugimiya kgmyshin
1
500
キャリアを支え組織力を高める「多層型ふりかえり」 / 20250821 Kazuki Mori
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
280
メルカリIBIS：AIが拓く次世代インシデント対応
Avatar for ktykogm 0gm
2
500
新卒(ほぼ)専業Kagglerという選択肢
Avatar for Ryota nocchi1
1
1.8k
[CVPR2025論文読み会] Linguistics-aware Masked Image Modeling for Self-supervised Scene Text Recognition
Avatar for So Uchida s_aiueo32
0
210

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.8k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.9k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
279
23k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.4k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
139
34k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k

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