Pragmatic Flexible UI

“Um… can a UI library allow its consumers to control look and feel of the UI entirely, not just the theming aspect, and yet rely on the shared code to bind data to UI elements?” Yes, this is possible through a View ID Map solution. In this session, I will share my experience of working for a shared library, how “View ID Map” solution allowed the library to make UI flexible enough, so that the consuming apps could implement UI that conforms to their brand.

Transcript

1. Pragmatic Flexible UI Sunitha Burri
2. Metal 3D Models
4. Multiple Content Based Apps in Verizon Media
5. Yahoo News Yahoo Finance Yahoo Sports Aol
6. Apps are Solving the Same Problem over and over again! Networking code to fetch content UI Rendering Persistence Error Handling Testing
7. Time to Share Code!
8. Yahoo News Yahoo Finance
9. Flexible UI
10. Demo Concept through Sample App
12. Custom View
13. createView()
15. Get hold of Views
16. Bind data to Views
17. Consuming Custom View
19. Custom Layout?
21. findViewById() Bind data to View
22. View Ids to Rescue
23. View Id Contract
24. @+id/ vs @id/
25. Use @id instead of @+id
26. Album Image view with @id
27. Summary Implement Custom View • Default Layout • Publish View Id Contract • Add capability to take in a custom layout Consumer of Custom View • Custom Layout following View Id Contract • Create Custom View by passing Custom Layout
29. Views are declared as “nullable”
30. Get hold of additional views
31. Summary Implement Custom View • Default Layout • Publish View Id Contract • Add capability to take in a custom layout Consumer of Custom View • Custom Layout following View Id Contract • Create Custom View by passing Custom Layout • Do not include any views that are unnecessary for consumer • Get hold of any consumer specific views and bind data/handle events
32. RecyclerView
33. onCreateViewHolder()
34. onBindViewHolder()
35. Summary onCreateViewHolder() - keep track of Custom View in View holder - Default layout/Custom layout onBindViewHolder() - delegate binding of data to custom view through View holder
36. Difference between App dev & SDK dev
37. Focus on Performance App cold start time UI rendering issues Track perf metrics Automation testing that covers all possibilities
38. Simple vs Complex APIs published Documentation Convenience!
39. Sharing to What Extent? Looking way forward in to Future Enhancements Supporting Instant apps!
40. Thanks!