Tworzenie pionowego menu w Wpf

Question

Jak można utworzyć pionowe menu po lewej stronie okna w Visual Studio (w kodzie wpf) z XAML, jak w http://www.wpftutorial.net/? Próbuję kod:

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

, ale to nie jest zadaniem, ponieważ przedstawia horyzontalne menu na górze.

Nie jest to wymagane, aby zrobić to zdecydowanie za pomocą menu sterowania. Jeśli jakakolwiek inna kontrola o podobnym wyglądzie jest odpowiednia, jest to dopuszczalne.

Answer 1

Jasne, wystarczy zmienić MenuItem.ItemsPanel użycie pionowej StackPanel zamiast domyślnego pozioma jeden

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

</Menu> 

Answer 2

Akceptowane anwer jest dobre. Ale jest to długa droga do uzyskania dobrego paska bocznego. możesz użyć tej kontrolki, jeśli potrzebujesz teraz działającego menu.

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

można go zainstalować z Nuget też.

tutaj jest przykładem

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