Créer un menu vertical dans un Wpf

Comment est-il possible de créer un menu vertical sur le côté gauche de la fenêtre de Visual Studio (wpf) avec xaml comme celui de http://www.wpftutorial.net/? J'ai essayer le code:

<Menu DockPanel.Dock="Left" VerticalAlignment="Top" Background="Gray" BorderBrush="Black">

mais il n'a pas la tâche, car il présente un menu horizontal en haut de page.

Il n'est pas nécessaire d'être fait définitivement par le menu de contrôle. Si n'importe quel autre contrôle d'apparence semblable est le cas, il est acceptable.

source d'informationauteur arjacsoh

  1. 44

    Sûr, il suffit de changer MenuItem.ItemsPanel pour utilisation Verticale StackPanel au lieu de l'Horizontale par Défaut un

    <Menu>
    <Menu.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel Orientation="Vertical"/>
        </ItemsPanelTemplate>
    </Menu.ItemsPanel>

</Menu>
  2. 1

    Accepté réponse est bonne. Mais c'est un long chemin pour obtenir un bon côté de la barre de travail. vous pouvez utiliser cette commande si vous avez besoin d'un travail de menu.

    https://github.com/beto-rodriguez/MaterialMenu

    vous pouvez l'installer à partir de nuget trop.

    voici un exemple

    <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>

    Créer un menu vertical dans un Wpf