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
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
520
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
技術選定、下から見るか？横から見るか？
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
0
170
ハッカソンから社内プロダクトへ AIエージェント「ko☆shi」開発で学んだ4つの重要要素
Avatar for そのだ sonoda_mj
6
1.9k
Bedrock AgentCore Memoryの新機能 (Episode) を試してみた / try Bedrock AgentCore Memory Episodic functionarity
Avatar for hoshi7_n hoshi7_n
2
2.2k
戰略轉變：從建構 AI 代理人到發展可擴展的技能生態系統
Avatar for Bo-Yi Wu appleboy
0
170
AWSの新機能をフル活用した「re:Inventエージェント」開発秘話
Avatar for みのるん minorun365
2
510
モダンデータスタックの理想と現実の間で～1.3億人Vポイントデータ基盤の現在地とこれから～
Avatar for タロウ taromatsui_cccmkhd
2
290
2025年のデザインシステムとAI 活用を振り返る
Avatar for Tech Leverages leveragestech
0
530
Connection-based OAuthから学ぶOAuth for AI Agents
Avatar for GMO Flatt Security flatt_security
0
480
松尾研LLM講座2025 応用編Day3「軽量化」 講義資料
Avatar for Aratako aratako
14
4.7k
Strands Agents × インタリーブ思考 で変わるAIエージェント設計 / Strands Agents x Interleaved Thinking AI Agents
Avatar for Takanori Suzuki takanorig
6
2.4k
[Data & AI Summit '25 Fall] AIでデータ活用を進化させる！Google Cloudで作るデータ活用の未来
Avatar for kirimaru kirimaru
0
4.1k
さくらのクラウド開発ふりかえり2025
Avatar for kazeburo kazeburo
2
1.3k

Featured

See All Featured
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
1.9k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
28
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
0
68
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
15
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
94
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
56
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
39
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
0
80
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
0
770
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k

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