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

Animations with Auto Layout

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Marin Todorov Marin Todorov
March 06, 2015
Technology
190
1

Animations with Auto Layout

My presentation on mdevcon 2015 :)

Avatar for Marin Todorov

Marin Todorov

March 06, 2015

More Decks by Marin Todorov

See All by Marin Todorov
Testing RxRealm with RxBlocking
Avatar for Marin Todorov icanzilb
0
550
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
810
Non-technical ways to be a better developer
Avatar for Marin Todorov icanzilb
1
430
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
310
SpriteKit with Swift workshop
Avatar for Marin Todorov icanzilb
1
1.1k

Other Decks in Technology

See All in Technology
도구에서 동료까지: 10년차 AI 스타트업의 AI 적응기
Avatar for Jeongkyu Shin inureyes
PRO
1
300
AIペネトレーションテスト・ セキュリティ検証「AgenticSec」紹介資料
Avatar for Sho Nakatani laysakura
2
9.3k
20分でわかるセキュアAPI
Avatar for nwiizo nwiizo
2
320
ハッカソンで入賞した話 @ Findy LT
Avatar for asari asari194617
0
1.4k
Model Studio CLI × Token Plan
Avatar for 尾関将樹 | めい maigo999
0
200
国家プロジェクトを支える「さくらONE」 大規模LLM開発におけるGPU障害を乗り越えるクラスター運用戦略
Avatar for GPU UNITE gpuunite_official
0
170
LanceDB入門
Avatar for Tomoko Uchida mocobeta
9
640
AI時代のアウトプット――変わったこと、変わらないこと / Devsumi 2026 Kansai #devsumi
Avatar for Junichi Ito jnchito
0
350
強化学習「理論」入門
Avatar for Etsuji Nakai enakai00
3
3.6k
Kiro Crew入門 - 常駐エージェントの仕組みと使いどころ / Intro to Kiro Crew
Avatar for Kazuki Adachi k_adachi_01
1
650
案件に一番詳しいAIを Amazon Bedrock AgentCore で作る ― 知見が知見を生むチームへ / Compounding Knowledge with AgentCore
Avatar for Yusuke Shimizu yusukeshimizu
1
160
Android skills に学ぶ
Avatar for kokiko kokiko
0
130

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
480
A Soul's Torment
Avatar for Nat Ma seathinner
6
3.5k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.8k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
170
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
390
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.5k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
1
1.1k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6.2k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.3k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
390

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