Hamburger menu

Hamburger menu is very familiar as menu UI recently as which is used in mobile device and PC.

Hamburger menu is the ToggleButton control which uses the FontIcon control with attribute Glyph=”” of Segoe MDL2 Assets font family.

>>Sample solution for Visual Studio 2017

>>Visual Studio 2017 community is free

・XAML

The ToggleButton control is specified the Style attribute to ‘SymbolButton’ as the xKey.
The xKey define with many style attributes that is visual behavior or involve in animations too.

If needs the copy, use the GitHub Gist at end of this article.

・XAML.cs

The process of Hamburger_Click event handler is super easy as one line. It’s a process which toggles open state of the SplitView control.

・MainPage.xaml

・MainPage.xaml.cs

About takao