एक WPF

Question

में एक ऊर्ध्वाधर मेनू बनाएँ कैसे http://www.wpftutorial.net/ में से एक की तरह XAML के साथ (एक WPF में) दृश्य स्टूडियो में विंडो के बाईं ओर पर एक ऊर्ध्वाधर मेनू बनाने के लिए यह संभव है? मैं कोड का प्रयास करता हूं:

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

लेकिन यह कार्य नहीं करता है, क्योंकि यह शीर्ष पर एक क्षैतिज मेनू प्रस्तुत करता है।

यह नियंत्रण मेनू से निश्चित रूप से किया जाना आवश्यक नहीं है। यदि समान उपस्थिति वाला कोई अन्य नियंत्रण उपयुक्त है, तो यह स्वीकार्य है।

Answer 1

ज़रूर, बस डिफ़ॉल्ट क्षैतिज एक

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

</Menu> 

Answer 2

स्वीकृत anwer अच्छा है के बजाय एक कार्यक्षेत्र StackPanel उपयोग करने के लिए MenuItem.ItemsPanel बदल जाते हैं। लेकिन यह एक अच्छा साइड बार काम करने के लिए एक लंबा रास्ता है। यदि आप की आवश्यकता है तो आप इस नियंत्रण का उपयोग कर सकते हैं अब एक वर्किंग मेनू है।

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>