WPF menu bar with dockpanel | additem | Image | Icon | Checkbox | Click event

In this article, I will teach you, how to add WPF menu bar at top position in window, Add items in it, add image as icon in it, also handle click event on each items of it. I explained, how to add items with underline.

<Window x:Class="WpfApplication5.MainWindow"  

     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  

     <DockPanel>  
Title="MainWindow" Height="350" Width="525">  
   <Grid>  
       <Menu DockPanel.Dock="Top">  

           <MenuItem Header=" second child"/>  
<MenuItem Header="_First Parent">  
           <MenuItem Header="New" Command="New"/>  

             </MenuItem.Icon>  
<MenuItem Header="Third child with image">  
             <MenuItem.Icon>  
               <Image Source="mango.png"/>  

           <MenuItem Header="Second first child" IsCheckable="True" IsChecked="True" Click="MenuItem_Click"/>  
</MenuItem>  
         </MenuItem>  
         <MenuItem Header="Second Parent">  
         </MenuItem>  
       </Menu>  
     </DockPanel>  

 </Window>  

   </Grid>  

The above-mentioned XAML code define, a menu control inside in DockPanel control at top position. The first item in the menu works as container. In the first menu item, we have three child items. First child item contains shortcut key by using command attribute. Second child item appears as simple text, last item contain image. Similarly add another menu item in the menu control for making second parent item with click event. 

  private void MenuItem_Click(object sender, RoutedEventArgs e)  
     {  
       MessageBox.Show("second parent first child clicked");  
     }  

When, I press child item of second parent item then appear a message box on the screen.
Code generates the following output: