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

Parus

Avatar for DAloG DAloG
November 23, 2013
Programming
210
1

 Parus

Auto Layout in code.

Avatar for DAloG

DAloG

November 23, 2013

More Decks by DAloG

See All by DAloG
State normalization (RU)
Avatar for DAloG dalog
0
240
Redux + MQTT
Avatar for DAloG dalog
1
820
От задач к проблемам
Avatar for DAloG dalog
1
290
Unlimited power of Data-Driven UI
Avatar for DAloG dalog
4
690
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
410
Why unidirectional architecture matter for iOS.
Avatar for DAloG dalog
1
330
Mobile backend without REST
Avatar for DAloG dalog
2
140
Self managed teams 101
Avatar for DAloG dalog
0
200

Other Decks in Programming

See All in Programming
デフォルト運用のCodeRabbit、1年で何が変わったか / How CodeRabbit Changed Our Code Review in 1 Year
Avatar for bake0937 bake0937
1
110
RailsTokyo 2026#4: AI様があれば、
Hotwireの弱点は消えるか？
Avatar for Naofumi Kagami naofumi
5
1k
プラグインで拡張される Context をtype-safe にする難しさと設計判断
Avatar for kazupon kazupon
2
420
OCRを使ってゲームのアイテムをデータ化する
Avatar for Kishikawa Katsumi kishikawakatsumi
0
120
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
Avatar for nrs nrslib
0
210
Agentic UI beyond Chats Architecture Patterns & Open Standards @ngMunich 05/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
160
Claspは野良GASの夢をみるか
Avatar for てらうちたかし takter00
0
130
今さら聞けないCancellationToken
Avatar for tkym htkym
0
200
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
Avatar for chobishiba chobishiba
3
460
柔軟なPDFレイアウトエディタを支える型システム設計 — Discriminated UnionとConditional Typeの実践
Avatar for minako-ph minako__ph
4
1.1k
LLM Plugin for Node-REDの利用方法と開発について
Avatar for 404background 404background
0
130
Migrations : C'est une question d'hygiène !
Avatar for Vincent Amstoutz vinceamstoutz
0
2.4k

Featured

See All Featured
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.5k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
1
120
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.5k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
350
Between Models and Reality
Avatar for mayunak mayunak
4
310
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
170
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
260
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.7k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
3.4k

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)