#Right now this repository is just for test porpoises, and should not be used in any production project
#Wpf Material Menu
A good looking animated side menu, with just one line of code. It already includes preloaded themes just changing Theme
. property, if you dont like themes you can easly set your own colors.
#License
Practically do whatever you want with this code. https://github.com/beto-rodriguez/MaterialMenu/blob/master/LICENSE.txt
#Instalation
- Install from NuGet
Install-Package MaterialMenu
- Add namespace
xmlns:materialMenu="clr-namespace:MaterialMenu;assembly=MaterialMenu"
- Now you can add this example to your Xaml
<materialMenu:SideMenu HorizontalAlignment="Left" x:Name="Menu"
MenuWidth="300"
Theme="Default"
State="Hidden">
<materialMenu:SideMenu.Menu>
<ScrollViewer VerticalScrollBarVisibility="Hidden">
<StackPanel Orientation="Vertical">
<Border Background="#337AB5">
<Grid Margin="10">
<TextBox Height="150" BorderThickness="0" Background="Transparent"
VerticalContentAlignment="Bottom" FontFamily="Calibri" FontSize="18"
Foreground="WhiteSmoke" FontWeight="Bold">Welcome</TextBox>
</Grid>
</Border>
<materialMenu:MenuButton Text="Administration"></materialMenu:MenuButton>
<materialMenu:MenuButton Text="Packing"></materialMenu:MenuButton>
<materialMenu:MenuButton Text="Logistics"></materialMenu:MenuButton>
</StackPanel>
</ScrollViewer>
</materialMenu:SideMenu.Menu>
</materialMenu:SideMenu>
and finally this is a custom color set example:
<materialMenu:SideMenu HorizontalAlignment="Left" x:Name="CustomMenu"
MenuWidth="300"
State="Hidden"
Theme="None"
ButtonBackground="DodgerBlue"
ButtonHover="DeepSkyBlue"
ShadowBackground="Black">
<materialMenu:SideMenu.Menu>
<ScrollViewer VerticalScrollBarVisibility="Hidden" Background="Blue">
<StackPanel Orientation="Vertical">
<Border Background="BlueViolet">
<Grid Margin="10">
<TextBox Height="100" BorderThickness="0" Background="Transparent" VerticalContentAlignment="Bottom" FontFamily="Calibri" FontSize="18" Foreground="WhiteSmoke" FontWeight="Bold">This is a custom colors example.</TextBox>
</Grid>
</Border>
<materialMenu:MenuButton Text="Administration"></materialMenu:MenuButton>
<materialMenu:MenuButton Text="Packing"></materialMenu:MenuButton>
<materialMenu:MenuButton Text="Logistics"></materialMenu:MenuButton>
<materialMenu:MenuButton Text="Org"></materialMenu:MenuButton>
<materialMenu:MenuButton Text="SaveChanges"></materialMenu:MenuButton>
<materialMenu:MenuButton Text="Help"></materialMenu:MenuButton>
<materialMenu:MenuButton Text="Close Menu"></materialMenu:MenuButton>
</StackPanel>
</ScrollViewer>
</materialMenu:SideMenu.Menu>
</materialMenu:SideMenu>
A. SideMenu
Name | Description | Type |
---|---|---|
Theme |
Gets or sets menu color set | SideMenuTheme (enum None, Default, Primary Success, Warning, Danger) |
State |
Gets or sets menu visibility | MenuState (enum Visible, Hidden) |
MenuWidth |
Gets or sets menu column width | double |
Menu |
Gets or sets menu XAML | ScrollViewer |
ShadowBackground |
Gets or sets menu shadow color | Brush |
ButtonBackground |
Gets or sets background to all MenuButton classes inside this menu |
Brush |
ButtonHover |
Gets or sets background Hover to all MenuButton classes inside this menu |
Brush |
ClosingType |
Gets or sets how menu is closed | ClosingType (enum Auto, Manual) |
Name | Description | Returned Type |
---|---|---|
Show() |
Shows menu | void |
Hide() |
Hides menu | void |
Toggle() |
Toggles menu | void |
B. MenuButton
Name | Description | Type |
---|---|---|
HoverBackground |
Gets or sets button brush on hover | SolidColorBrush |
Image |
Gets or sets button image | ImageSource |
Text |
Gets or sets button text | string |
AnimationSpeed |
Gets or sets color animation speen on hover | TimeSpan |
Children |
Gets or sets menu children elements, they are shown only when user clicks on parent button. | List<MenuButton> |
Parent |
Gets parent menu button | MenuButton |
none.