$30 off During Our Annual Pro Sale. View Details »

Parus

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
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
Flutter On-device AI로 완성하는 오프라인 앱, 박제창 @DevFest INCHEON 2025
Avatar for JaiChangPark itsmedreamwalker
1
110
【CA.ai #3】Google ADKを活用したAI Agent開発と運用知見
Avatar for Kazuki Hara harappa80
0
310
マスタデータ問題、マイクロサービスでどう解くか
Avatar for Kato Keisuke kts
0
100
エディターってAIで操作できるんだぜ
Avatar for kis9a kis9a
0
730
【Streamlit x Snowflake】データ基盤からアプリ開発・AI活用まで、すべてをSnowflake内で実現
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
120
開発に寄りそう自動テストの実現
Avatar for Hiroki Iseri goyoki
2
960
TUIライブラリつくってみた / i-just-make-TUI-library
Avatar for kazto kazto
1
380
非同期処理の迷宮を抜ける: 初学者がつまづく構造的な原因
Avatar for PADAone pd1xx
1
720
Github Copilotのチャット履歴ビューワーを作りました～WPF、dotnet10もあるよ～ #clrh111
Avatar for KatsuYuzu katsuyuzu
0
110
Canon EOS R50 V と R5 Mark II 購入でみえてきた最近のデジイチ VR180 事情、そして VR180 静止画に活路を見出すまで
Avatar for kazuhiro hara karad
0
110
ID管理機能開発の裏側 高速にSaaS連携を実現したチームのAI活用編
Avatar for Atsushi Kawamura (atzz/a2c) atzzcokek
0
230
Developing static sites with Ruby
Avatar for Masafumi Okura okuramasafumi
0
290

Featured

See All Featured
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
39k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.2k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
Side Projects
Avatar for Sacha Greif sachag
455
43k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k

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)