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

Parus

Avatar for DAloG DAloG
November 23, 2013
Programming
1
200

 Parus

Auto Layout in code.

Avatar for DAloG

DAloG

November 23, 2013
Tweet

More Decks by DAloG

See All by DAloG
State normalization (RU)
Avatar for DAloG dalog
0
220
Redux + MQTT
Avatar for DAloG dalog
1
790
От задач к проблемам
Avatar for DAloG dalog
1
270
Unlimited power of Data-Driven UI
Avatar for DAloG dalog
4
670
Data-Driven View Controllers. Tips and Tricks
Avatar for DAloG dalog
5
2k
2 years of Redux in iOS. Lessons learned
Avatar for DAloG dalog
0
390
Why unidirectional architecture matter for iOS.
Avatar for DAloG dalog
1
310
Mobile backend without REST
Avatar for DAloG dalog
2
130
Self managed teams 101
Avatar for DAloG dalog
0
170

Other Decks in Programming

See All in Programming
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
410
ELYZA_Findy AI Engineering Summit登壇資料_AIコーディング時代に「ちゃんと」やること_toB LLMプロダクト開発舞台裏_20251216
Avatar for 株式会社ELYZA elyza
2
1.3k
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
680
.NET Conf 2025 の興味のあるセッ ションを復習した / dotnet conf 2025 quick recap for backend engineer
Avatar for Tomohisa Takaoka tomohisa
0
120
ZJIT: The Ruby 4 JIT Compiler / Ruby Release 30th Anniversary Party
Avatar for Takashi Kokubun k0kubun
1
390
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
310
TerraformとStrands AgentsでAmazon Bedrock AgentCoreのSSO認証付きエージェントを量産しよう！
Avatar for neruneruo neruneruo
4
2.6k
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
220
Vibe Coding - AI 驅動的軟體開發
Avatar for Micky Li mickyp100
0
160
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
1.3k
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
110

Featured

See All Featured
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
300
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
230
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
53
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
1
45
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
59
42k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
48
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
How to make the Groovebox
Avatar for あそなす asonas
2
1.9k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
88

Transcript

  1. Parus Mastering Auto Layout in code UAMobile - 2013 by

    DAloG

  2. Intro UI Parts AL in general XIBs Parus

  3. What is UI?

  4. What is UI? Structure Layout Content

  5. UI Components Structure Layout Content

  6. Layout in the Wonderland

  7. What if… Layout is intuitive Layout is simple Layout is

    visual

  8. What if… Layout is declarative Layout is compact

  9. What we have?

  10. XIBs Visual Intuitive Simple

  11. XIBs Repetitive Static Unclear

  12. Frames Controllable Powerful Clear

  13. Frames Hard Verbose Static

  14. Auto Layout

  15. Relative Declarative Simple

  16. A1 = A2 *m + c

  17. A1 = A2 *m + c Left Right Top Bottom

    CenterX/Y Baseline Width Height

  18. Cassowary Will solve all your constraints

  19. Cassowary Partial calculation Ambiguity detection Confilct detection

  20. Ambiguity

  21. Conflicts

  22. AL in XIBs No conflicts No ambiguity No agility No

    decarative.

  23. AL in Code Verbose Not readable Mess Control.

  24. None

  25. Raw NSConstraint API ASCI VFL API XIB API

  26. Masonry Chainable and declarative https:/ /github.com/cloudkite/Masonry

  27. Masonry example

  28. Summary Only raw api support. Custom syntax NIH (Not Invented

    Here)

  29. Raw NSConstraint API Masonry API ???

  30. None

  31. Parus DSL for NSConstraint creation https:/ /github.com/DAlOG/Parus

  32. DSL Domain Specific Language.

  33. Raw NSConstraint API ASCI VFL API

  34. PV API PVVFL API PVGroup API

  35. PV API Direct map.

  36. A1 = A2 *m + c

  37. None

  38. A1 PV<Attr>Of(UIView* view) PVLeftOf(v) PVWidthOf(v) …

  39. = .equal. .moreThan. .lessThan.

  40. A2 .<Attr>Of(UIView* view) .leftOf(self) .rightOf(self) …

  41. *m .multipliedTo(2.5) multipliedTo

  42. + b .plus(20) .minus(50) multipliedTo

  43. A1 = A2 *m + c

  44. None

  45. PV API PVVFL API PVGroup API

  46. PV API PVVFL API PVGroup API

  47. PVVFL Direct map.

  48. None
  49. None
  50. None

  51. PV API PVVFL API PVGroup API

  52. PVGroup C-C-C-Composition!

  53. PVGroup( ). PVAttribute PVVFL NSLayoutConstraint Array of constraints Metrics, Views

  54. None

  55. PV API PVVFL API PVGroup API

  56. Some stats)

  57. Questions? Feel free to contact: nobidon (Skype) +АлекейДемедецкий (Google+) @DAlooG

    (Twitter)