Parus

Auto Layout in code.

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.
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 ???
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
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
45. PV API PVVFL API PVGroup API
46. PV API PVVFL API PVGroup API
47. PVVFL Direct map.
51. PV API PVVFL API PVGroup API
52. PVGroup C-C-C-Composition!
53. PVGroup( ). PVAttribute PVVFL NSLayoutConstraint Array of constraints Metrics, Views
55. PV API PVVFL API PVGroup API
56. Some stats)
57. Questions? Feel free to contact: nobidon (Skype) +АлекейДемедецкий (Google+) @DAlooG (Twitter)