Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Parus light

Avatar for DAloG DAloG
November 27, 2013
Programming
0
79

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
210
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
660
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
120
Self managed teams 101
Avatar for DAloG dalog
0
170

Other Decks in Programming

See All in Programming
Integrating WordPress and Symfony
Avatar for Alexandre Salomé alexandresalome
0
150
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
29k
【Streamlit x Snowflake】データ基盤からアプリ開発・AI活用まで、すべてをSnowflake内で実現
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
120
Rubyで鍛える仕組み化プロヂュース力
Avatar for muryoimpl muryoimpl
0
120
大体よく分かるscala.collection.immutable.HashMap ~ Compressed Hash-Array Mapped Prefix-tree (CHAMP) ~
Avatar for matsu_chara matsu_chara
2
220
React Native New Architecture 移行実践報告
Avatar for taminif taminif
1
150
Socio-Technical Evolution: Growing an Architecture and Its Organization for Fast Flow
Avatar for Chris Richardson cer
PRO
0
340
テストやOSS開発に役立つSetup PHP Action
Avatar for Atsushi Matsuo matsuo_atsushi
0
150
AIコーディングエージェント（Gemini）
Avatar for kondai kondai24
0
220
MAP, Jigsaw, Code Golf 振り返り会 by 関東Kaggler会|Jigsaw 15th Solution
Avatar for s.konishi hasibirok0
0
240
tsgolintはいかにしてtypescript-goの非公開APIを呼び出しているのか
Avatar for syumai syumai
6
2.2k
251126 TestState APIってなんだっけ?Step Functionsテストどう変わる?
Avatar for Takumi Abe east_takumi
0
320

Featured

See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
390
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.8k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.6k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k

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