Effective Navigation in Xamarin.Android

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

Instagram

So many ways to navigate!

Drop Downs

Vevo

So many ways to navigate!

Ugly Drop Downs

Square Wallet

So many ways to navigate!

Flyouts

Facebook

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!