Evolve 2014 - Effective Navigation in Xamarin Android
3 likes3,458 views
The document discusses effective navigation in Xamarin.Android, emphasizing the importance and implementation of navigation drawers. It highlights user familiarity, content-first approaches, and offers tips for optimizing navigation experiences. Additionally, it addresses compatibility with Android L and showcases examples of code for navigation implementations.
Evolve 2014 - Effective Navigation in Xamarin Android
- 1. Effective Navigation in Xamarin.Android James Montemagno Developer Evangelist, Xamarin @JamesMontemagno
- 5. Lists
- 6. Dashboards
- 7. Tabs
- 8. Tabs …in the wrong place
- 10. Overflow Menu …don’t do this
- 11. Flyouts
- 12. Way too many ways!
- 13. Subtitle
- 14. Subtitle
- 16. How it works:
- 18. I am glad you asked • User Familiarity • Content First • Standard Control • Easy to Implement • Highly Customizable • “Fragment” First Approach
- 19. Demo
- 21. Combine It Better together • Plays great with: • Tabs • Drop Downs • Buttons • Just about anything
- 22. Tips & Tricks Even more effective • Only show specific menu items • Hide most when open • Show all when closed • Open drawer on first run • Gets your user familiar with you app • Use standard icons
- 23. Android L
- 24. Compatibility • ActionBarCompat v7 • Gotchas: • Ensure you use Compat variables • GravityCompat • ?android:attr/activatedBackgroundIndicator doesn’t exist • Use CheckedTextView and a custom drawable background
- 25. Xamarin.Forms Compatible MasterDetailPage • Master • Content Page w/ListView • Detect Selection • Set Detail Page • Use same hamburger button
- 26. Demo
- 27. Up Navigation
- 28. Up Navigation
- 29. Back vs. Up
- 30. Demo
- 32. Choose wisely Not everyone needs it
- 33. Perhaps this would work nicely Make use of overflow for sections not used often.
- 34. Evolution of an app Easily switch out fragments
- 35. Make Beautiful Navigable Apps! ! code: http://github.com/jamesmontemagno/Xam.NavDrawer
- 36. Navigation.End(﴾)﴿; James Montemagno @JamesMontemagno