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

Parus

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
180

Other Decks in Programming

See All in Programming
Oxlint JS plugins
Avatar for kazupon kazupon
1
550
Vibe Coding - AI 驅動的軟體開發
Avatar for Micky Li mickyp100
0
170
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
420
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230
Vibe codingでおすすめの言語と開発手法
Avatar for uyuki uyuki234
0
220
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる！
Avatar for とすり tosuri13
1
170
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
180
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
Avatar for osari.k cloverrose
2
510
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
240
AI 駆動開発ライフサイクル(AI-DLC):ソフトウェアエンジニアリングの再構築 / AI-DLC Introduction
Avatar for kanamsasa kanamasa
12
6.5k
AtCoder Conference 2025
Avatar for shindannin shindannin
0
1k
ZJIT: The Ruby 4 JIT Compiler / Ruby Release 30th Anniversary Party
Avatar for Takashi Kokubun k0kubun
1
390

Featured

See All Featured
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.4k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
170
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
97
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
310
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
300
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
200
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
180
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
800
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k

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)