Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Animations with Auto Layout

Avatar for Marin Todorov Marin Todorov
March 06, 2015
Technology
200
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
560
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
820
Non-technical ways to be a better developer
Avatar for Marin Todorov icanzilb
1
450
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
320
SpriteKit with Swift workshop
Avatar for Marin Todorov icanzilb
1
1.1k

Other Decks in Technology

See All in Technology
コードレビューをなくして見えたもの
Avatar for henteko henteko
0
140
公共分野での生成AI活用
Avatar for Toru_Kubota toru_kubota
1
290
あなたのDartコードは丸見えかもしれない ～reFlutterで暴くFlutterアプリの中身と多層防御～
Avatar for ZOZO Developers zozotech
PRO
0
780
攻撃 3 時間 vs 復旧 10 時間。アクセスキー流出の非対称性を体感するために CTF を作った話
Avatar for kazzpapa3 kazzpapa3
1
150
Kiro Crew の Bot (続く役目を任せる窓口) | 目指せ Kiro マスター 12
Avatar for Riku INADA inariku
PRO
2
290
なぜ東京にいる私が、新潟の技術コミュニティを運営するのか by 八雲慎之助
Avatar for やくも yakumo
0
220
デザインレビューは自動化できるのか？─ Flutter × Figma で UI 品質保証を考える
Avatar for Hirokazu Tanaka techiro
2
820
新米を「売り越さない」、Aurora DSQLで作る在庫ゼロ死守の限定ドロップEC
Avatar for Yuuki Yamashita yama3133
0
190
2026 Apache Flink Community Checkpoint
Avatar for Robert Metzger rmetzger
0
200
リアクションエンジニア ― 小さなリアクションから、話しかけやすい組織をつくる ―
Avatar for ryuguyana ryuguyana
1
130
ライフワーク「猫でもわかるDirectConnect」
Avatar for Hiroo Katoh kentapapa
0
280
re:Invent の去年のスケジュールを公開します！
Avatar for Kazuki Miura miu_crescent
PRO
0
320

Featured

See All Featured
Music & Morning Musume
Avatar for Bryan Veloso bryan
48
7.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.9k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
1.1k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2.2k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
433
67k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
1.1k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
210k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.4k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.9k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1.1k

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