effective navigation in xamarin.android
DESCRIPTION
Blog Post: http://motzcod.es/post/60427389481/effective-navigation-in-xamarin-android-part-1 Learn how to use the Navigation Drawer and Up Navigation in Android to create beautiful apps with beautiful navigationTRANSCRIPT
Effective Navigation in Xamarin.Android
James MontemagnoDeveloper Evangelist at Xamarin
@JamesMontemagno | www.motzcod.es
Who am I?
That’s me!
Who am I?I Live Here:
That’s me!
Who am I?
That’s me!
I Live Here:
Who am I?
That’s me!
I Live Here:
I Ride:
Who am I?
I Made These:That’s me!
I Live Here:
I Ride:
http://www.flickr.com/photos/nicwise/7677409508/
Creating beautiful apps in Xamarin.Android
Navigation Drawer Up & Back Navigation
What’s in this talk?
…..well, let me tell you!
Why talk about Navigation?
So many ways to navigate!
Lists
My Media Center
So many ways to navigate!
Dashboards
Seattle Find It, Fix It
So many ways to navigate!
Tabs
So many ways to navigate!
Drop Downs
Vevo
So many ways to navigate!
Ugly Drop Downs
Square Wallet
So many ways to navigate!
Flyouts
Way too many ways!
Enter Navigation Drawer!!
How it works:
http://developer.android.com/design/patterns/navigation-drawer.html
Why Navigation Drawer?
● Standard Control
● Easy to implement
● Highly Customizable
● User familiarity
TweedleGoogle Drive
Demo Time!
Let’s Code!
Tips
● Show specific menu items when drawer opens or closes
● Show your users how to navigate on first run
Compatibility
● ActionBarSherlock!
http://components.xamarin.com/view/XamarinActionBarSherlock/
But wait there’s more!
http://developer.android.com/design/patterns/navigation.html
What’s Up Navigation?
Let me show you!
Activity Launched by Intent Filters
Create a new backstack!a. Add ParentActivity + Metadata to Activity then:
What about Back Navigation?
Deep Link
1. Activity was launched via external source like a notification.
2. Add ParentActivity Information to Activity3. Create a new backstack when launching Intent.
Fragment Navigation
1. Master & Detail Flow2. Pressing back on detail fragment should go back to
Master fragment3. Add it to the back stack in the transaction!
You can use FragmentManager or SupportFragmentManager
Back Navigation Situations
3. WebView Navigationa. WebView maintains it’s own backstackb. Override OnBackPressed:
Hybrid Apps with Ryan Paul: http://xamarin.com/evolve/2013#session-g1idcxy2rm
Creating beautiful apps in Xamarin.Android
Navigation Drawer Up & Back Navigation
Navigation Drawer:● Get Xamarin.Android: xamarin.com● GitHub Sample: http://bit.ly/NavigationDrawerSample● Navigation Drawer Icons : http://bit.ly/NavigationDrawerIcons● These Slides: http://bit.ly/NavigationDrawerSlides
Awesome Stuff:● MvvmCross: http://mvvmcross.wordpress.com● ViewPagerIndicator: http://bit.ly/XamarinViewPagerIndicator
Me: @JamesMontemagno | www.motzcod.es
Go Make Apps with Beautiful Navigation!