Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Animations with Auto Layout

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

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
510
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
780
Non-technical ways to be a better developer
Avatar for Marin Todorov icanzilb
1
390
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
280
SpriteKit with Swift workshop
Avatar for Marin Todorov icanzilb
1
1k

Other Decks in Technology

See All in Technology
Uncertainty in the LLM era - Science, more than scale
Avatar for Gael Varoquaux gaelvaroquaux
0
810
今からでも間に合う！速習Devin入門とその活用方法
Avatar for Izumu KUSUNOKI ismk
1
520
今年のデータ・ML系アップデートと気になるアプデのご紹介
Avatar for Nayuta S. nayuts
1
150
大企業でもできる！ボトムアップで拡大させるプラットフォームの作り方
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
1
570
Karate+Database RiderによるAPI自動テスト導入工数をCline＋GitLab MCPを使って2割削減を目指す！ / 20251206 Kazuki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
550
[JAWS-UG 横浜支部 #91]DevOps Agent vs CloudWatch Investigations -比較と実践-
Avatar for sh_fk2 sh_fk2
1
240
ガバメントクラウド利用システムのライフサイクルについて
Avatar for 高橋広和 techniczna
0
180
「Managed Instances」と「durable functions」で広がるAWS Lambdaのユースケース
Avatar for Lamaglama39 lamaglama39
0
280
AI駆動開発における設計思想 認知負荷を下げるフロントエンドアーキテクチャ/ 20251211 Teppei Hanai
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
190
モバイルゲーム開発におけるエージェント技術活用への試行錯誤 ～開発効率化へのアプローチの紹介と未来に向けた展望～
Avatar for QualiArts qualiarts
0
660
WordPress は終わったのか ～今のWordPress の制作手法ってなにがあんねん？～ / Is WordPress Over? How We Build with WordPress Today
Avatar for tbshiki tbshiki
1
260
エンジニアとPMのドメイン知識の溝をなくす、 AIネイティブな開発プロセス
Avatar for Michiru Kato applism118
4
1k

Featured

See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
70k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k

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