Menu control in .NET 3.0

For giving finishing in the application Menubar is very important. To give the functionality of whole project on a single place MenuBar is very important. Here in .NET 3.0 it is few different to create the MenuBar. In this article I am going to show that how we can create MenuBar with XAML.

The Window1.Xaml code for the application is:

<Window x:Class="MenuApplicationInXAML.Window1"

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

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

    Title="MenuApplicationInXAML" Height="300" Width="300"

    >

  <Canvas>

    <!--For Creating Menu Title-->

      <Menu VerticalAlignment="Top" HorizontalAlignment="Left"           

             Height="20" Width="50" Background="LavenderBlush" Foreground="White">

        <MenuItem Header="File">

    <!--For Creating Menu Item-->

          <MenuItem Header="New" Background="AliceBlue">

            <!--From here we are creating Sub Menu-->

          <MenuItem Header="Project" Background="AliceBlue"></MenuItem>

          <MenuItem Header="Web Site" Background="AliceBlue"></MenuItem>

          </MenuItem>

          <MenuItem Header="Open" Background="AliceBlue"/>

          <MenuItem Header="Save" Background="AliceBlue"> </MenuItem>

          <MenuItem Header="Save as" Background="AliceBlue"> </MenuItem>

          <MenuItem Header="Exit" Background="AliceBlue"/>

        </MenuItem>

      </Menu>

      <Menu VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="40"

             Height="20" Width="50" Background="LavenderBlush" Foreground="White">

        <MenuItem Header="Edit">

          <MenuItem Header="Select" Background="AliceBlue"></MenuItem>

          <MenuItem Header="Cut" Background="AliceBlue"></MenuItem>

          <MenuItem Header="Copy" Background="AliceBlue"></MenuItem>

          <MenuItem Header="Paste" Background="AliceBlue"></MenuItem>

        </MenuItem>      

      </Menu>

      <Menu VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="76"

             Background="LavenderBlush" Foreground="White">

        <MenuItem Header="View"></MenuItem>

      </Menu>

      <Menu HorizontalAlignment="Left" VerticalAlignment="Top" Canvas.Left="110"

             Background="LavenderBlush">

        <MenuItem Header="Help"></MenuItem>           

      </Menu>

  </Canvas>

</Window>

The window with menu will look like below:



Figure 1.

If user click on File Menu.



Figure 2.

Here we can see that in New Menu there is sub Menu:



Figure 3.