Hamburger Menu with SplitView in Windows 10 Apps

Download Hamburger Sample Project

I created a sample project to demonstrate using the SplitView to create a hamburger menu for universal app (Windows 10 apps). I found two other samples online and took what I need from them.

Some features shown in this sample:

  • Displaying the back button in the title line
  • IsSelected property for navigation items changes the color
  • Showing an Options item command on bottom and displaying a OptionsControl (also SplitView)
  • Very basic and simple MVVM approach with no additional libraries.
  • Custom coloring through resources
  • Windows 10 mobile switch added by using VisualStateManager

Look at the screen shots

2015-11-17 (3)

Next one is showing the options fly out.

2015-11-17 (2)

This one is showing the back button…

2015-11-17 (4)

Mobile (small window) mode and different coloring

2015-11-18

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: