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

Parus light

Avatar for DAloG DAloG
November 27, 2013
Programming
0
80

Parus light

Light version of Parus presentation.

Avatar for DAloG

DAloG

November 27, 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
CSC307 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
660
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
5
340
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
150
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
1.4k
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
Avatar for osari.k cloverrose
2
510
Architectural Extensions
Avatar for Denys Poltorak denyspoltorak
0
280
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
190
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
510
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
Avatar for tasshi tasshi
0
200
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k
疑似コードによるプロンプト記述、どのくらい正確に実行される？
Avatar for kokuyouwind kokuyouwind
0
380

Featured

See All Featured
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.2M
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
110
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
130
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
130
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
230
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
160
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k

Transcript

  1. None

  2. Parus Mastering Auto Layout in code Dev-Pro TechTalk - 2013

    by DAloG

  3. Intro • UI Parts • AL in general • XIBs

    • Parus

  4. What is UI?

  5. What is UI? • Structure • Layout • Content

  6. UI Components Structure Layout Content

  7. Layout in the Wonderland

  8. What if… • Layout is intuitive • Layout is simple

    • Layout is visual

  9. What if… • Layout is declarative • Layout is compact

  10. What we have?

  11. XIBs ✓ Visual ✓ Intuitive ✓ Simple

  12. XIBs - Repetitive - Static - Unclear

  13. Frames ✓Controllable ✓Powerful ✓Clear

  14. Frames - Hard - Verbose - Static

  15. Auto Layout

  16. ✓Relative ✓Declarative ✓Simple

  17. A1 = A2 *m + c

  18. A1 = A2 *m + c • Left • Right

    • Top • Bottom • CenterX/Y • Baseline • Width • Height

  19. Cassowary Will solve all your constraints

  20. Cassowary • Partial calculation • Ambiguity detection • Confilct detection

  21. Ambiguity

  22. Conflicts

  23. AL in XIBs ✓No conflicts ✓No ambiguity - No agility

    - No decarative.

  24. AL in Code - Verbose - Not readable - Mess

    ✓Control.
  25. None

  26. Raw NSConstraint API ASCI VFL API XIB API

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

  28. Masonry example

  29. Summary - Only raw api support. - Custom syntax -

    NIH (Not Invented Here)

  30. Raw NSConstraint API Masonry API ???

  31. None

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

  33. DSL Domain Specific Language.

  34. Raw NSConstraint API ASCI VFL API

  35. PV API PVVFL API PVGroup

  36. PV API Direct map.

  37. A1 = A2*m + c

  38. PV API A1 = A2*m + c

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

  40. = • .equal. • .moreThan. • .lessThan.

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

  42. *m • .multipliedTo(2.5) pliedTo

  43. + b • .plus(20) • .minus(50) pliedTo

  44. A1 = A2*m + c

  45. PV API A1 = A2*m + c

  46. PV API PVVFL API PVGroup

  47. PV API PVVFL API PVGroup

  48. PVVFL Direct map.

  49. PV API A1 = A2*m + c

  50. PV API A1 = A2*m + c

  51. PV API A1 = A2*m + c

  52. PV API PVVFL API PVGroup

  53. PVGroup C-C-C-Composition!

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

  55. None

  56. PV API PVVFL API PVGroup

  57. Some stats)

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

    (Twitter) https://speakerdeck.com/dalog/parus-light