在Wpf中创建一个垂直菜单
如何在Visual Studio(在wpf)中使用xaml在http://www.wpftutorial.net/中的窗口左侧创建垂直菜单? 我尝试下面的代码:
<Menu DockPanel.Dock="Left" VerticalAlignment="Top" Background="Gray" BorderBrush="Black">
但它不是任务,因为它在顶部显示了一个水平菜单。
不需要通过控制菜单完成。 如果有其他类似外观的控制是合适的,则可以接受。
当然,只要将MenuItem.ItemsPanel
改为使用垂直堆栈面板而不是默认的水平面板
<Menu>
<Menu.ItemsPanel>
<ItemsPanelTemplate>
<VirtualizingStackPanel Orientation="Vertical"/>
</ItemsPanelTemplate>
</Menu.ItemsPanel>
</Menu>
接受的饮料是好的。 但要获得良好的边栏效果,这是一个很长的路要走。 如果你现在需要的是一个工作菜单,你可以使用这个控件。
https://github.com/beto-rodriguez/MaterialMenu
你也可以从nuget安装它。
这里是一个例子
<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>
链接地址: http://www.djcxy.com/p/61311.html