Parus light

Light version of Parus presentation.

Transcript

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.
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 ???
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
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