Hamburger

Rico Suter edited this page Sep 8, 2015 · 14 revisions
  • Package: MyToolkit.Extended (2.4.1+)
  • Platform: UWP (Universal Windows Platform, Windows 10)

A hamburger control for UWP (Universal App Platform) with TopItems and BottomItems, a pane with open/closed state and various other features.

We recommend to use the hamburger control with the HamburgerFrameBuilder and the MtFrame class. Of course, the control can also be instantiated in XAML (without built-in navigation support):

<controls:Hamburger>
	<controls:Hamburger.TopItems>
		<controls:HamburgerItem Content="Account">
			<controls:HamburgerItem.Icon>
				<SymbolIcon Symbol="Account" />
			</controls:HamburgerItem.Icon>
			<controls:HamburgerItem.ContentIcon>
				<SymbolIcon Symbol="Account" />
			</controls:HamburgerItem.ContentIcon>
		</controls:HamburgerItem>
		<controls:SearchHamburgerItem />
	</controls:Hamburger.TopItems>
	<controls:Hamburger.BottomItems>
		<controls:HamburgerItem Content="Admin">
			<controls:HamburgerItem.Icon>
				<SymbolIcon Symbol="Admin" />
			</controls:HamburgerItem.Icon>
			<controls:HamburgerItem.ContentIcon>
				<SymbolIcon Symbol="Admin" />
			</controls:HamburgerItem.ContentIcon>
		</controls:HamburgerItem>
	</controls:Hamburger.BottomItems>
</controls:Hamburger>

Available hamburger item types:

The size of the hamburger icon is 48x48 px.