在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

上一篇: Create a vertical Menu in a Wpf

下一篇: Using fopen on a directory on windows