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

Parus

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for DAloG DAloG
November 23, 2013
Programming
200
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
230
Redux + MQTT
Avatar for DAloG dalog
1
800
От задач к проблемам
Avatar for DAloG dalog
1
280
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
320
Mobile backend without REST
Avatar for DAloG dalog
2
140
Self managed teams 101
Avatar for DAloG dalog
0
190

Other Decks in Programming

See All in Programming
Codex CLI でつくる、Issue から merge までの開発フロー
Avatar for amata1219 amata1219
0
340
飯MCP
Avatar for Yusuke Wada yusukebe
0
490
iOS機能開発のAI環境と起きた変化
Avatar for Ryu-nakayama ryunakayama
0
170
安いハードウェアでVulkan
Avatar for Fadis fadis
1
940
KagglerがMixSeekを触ってみた
Avatar for Morim morim
0
370
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
Avatar for Ryuta Hamasaki avosalmon
1
330
How Swift's Type System Guides AI Agents
Avatar for Yuta Koshizawa koher
0
200
L’IA au service des devs : Anatomie d'un assistant de Code Review
Avatar for Thomas Boileau toham
0
220
AI活用のコスパを最大化する方法
Avatar for Ochtum ochtum
0
380
[PHPerKaigi 2026]PHPerKaigi2025の企画CodeGolfが最高すぎて社内で内製して半年運営して得た内製と運営の知見
Avatar for Z.O.E. ikezoemakoto
0
340
PHPのバージョンアップ時にも役立ったAST（2026年版）
Avatar for Atsushi Matsuo matsuo_atsushi
0
300
年間50登壇、単著出版、雑誌寄稿、Podcast出演、YouTube、CM、カンファレンス主催……全部やってみたので面白さ等を比較してみよう / I’ve tried them all, so let’s compare how interesting they are.
Avatar for nrs nrslib
4
760

Featured

See All Featured
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.4k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
96
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
10k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.8k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
7
1.6k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
290
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
110
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k

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)