WPF Context Menu

Context Menu, usually known as the popup or the popup menu, will show when the user performs a particular action. Usually, the context menu will appear when we do the right-click with the mouse on the specific control or window.

WPF contains the context-menu control because the context menu always tied to the specific control. This shows us how we can add the Context-menu to the interface.

Context Menu inherits the MenuBase class.

Now we will write the XAML code to add the context menu in WPF.

MainWindow.XAML

  <Window x:Class=”WPFGridControl.MainWindow”          xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”          xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”          xmlns:d=”http://schemas.microsoft.com/expression/blend/2008″          xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006″          xmlns:local=”clr-namespace:WPFGridControl”          mc:Ignorable=”d”          Title=”MainWindow” Height=”450″ Width=”800″>      <Button Content=”Right-click me!” VerticalAlignment=”Center” HorizontalAlignment=”Center”>          <Button.ContextMenu>              <ContextMenu>                  <MenuItem Header=”Menu item 1″ />                  <MenuItem Header=”Menu item 2″ />                  <Separator />                  <MenuItem Header=”Menu item 3″ />              </ContextMenu>          </Button.ContextMenu>      </Button>    </Window>  

The output of the above code is shown below:

OUTPUT

WPF Context Menu

Now we will do the right-click on the button after clicking on the window Context-Menu:

WPF Context Menu

When we use the Context-Menu now, we will use the concepts of the two-key.

WPF command provides us the different functionality, which includes the event-handling on the click, text, and the shortcut text. After assigning the command property, we will write the XAML code for the event handling.

MainWindow.XAML

  <Window x:Class=”WPFGridControl.MainWindow”          xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”          xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”          xmlns:d=”http://schemas.microsoft.com/expression/blend/2008″          xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006″          xmlns:local=”clr-namespace:WPFGridControl”          mc:Ignorable=”d”          Title=”MainWindow” Height=”450″ Width=”800″>      <StackPanel Margin=”10″>          <TextBox Text=”Right-click here for context menu!”>              <TextBox.ContextMenu>                  <ContextMenu>                      <MenuItem Command=”Cut”>                          <MenuItem.Icon>                              <Image Source=”C:UsersHPsourcereposWPFGridControlWPFGridControlimagecut.jpg” />                          </MenuItem.Icon>                      </MenuItem>                      <MenuItem Command=”Copy”>                          <MenuItem.Icon>                              <Image Source=”C:UsersHPsourcereposWPFGridControlWPFGridControlimagecopy.jpg” />                          </MenuItem.Icon>                      </MenuItem>                      <MenuItem Command=”Paste”>                          <MenuItem.Icon>                              <Image Source=”C:UsersHPsourcereposWPFGridControlWPFGridControlimagecomputer-icons-clipboard-cut-copy-and-paste-symbol.jpg” />                          </MenuItem.Icon>                      </MenuItem>                  </ContextMenu>              </TextBox.ContextMenu>          </TextBox>      </StackPanel>  </Window>  

In the initial state, the output of the above code will show us like as shown in the below screenshot:

OUTPUT

WPF Context Menu

After right-clicking on the text, the output of the above code is shown in the below screenshot:

WPF Context Menu

After right-clicking on the text, a popup is shown to us containing the functionality of cut, copy, and paste command.

We see how simple it is to use the icons on to the menu items of the context menu from the above screenshot.

Invoke the ContextMenu with the help of the code

Before this, we have seen that we invoked the ContextMenu after the right-clicking on the control. With the help of the WPF, we invoked the context menu automatically when we assign it to the ContextMenu property. But there is the situation that arises when we want to invoke the ContextMenu manually with the help of the code.

For this we will write the below code:

MainWindow.XAML

  <Window x:Class=”WPFGridControl.MainWindow”          xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”          xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”          xmlns:d=”http://schemas.microsoft.com/expression/blend/2008″          xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006″          xmlns:local=”clr-namespace:WPFGridControl”          mc:Ignorable=”d”          Title=”MainWindow” Height=”450″ Width=”800″>      <Window.Resources>          <ContextMenu x:Key=”cmButton”>              <MenuItem Header=”Menu item 1″ />              <MenuItem Header=”Menu item 2″ />              <Separator />              <MenuItem Header=”Menu item 3″ />          </ContextMenu>      </Window.Resources>      <Grid>          <Button Content=”Click me!” VerticalAlignment=”Center” HorizontalAlignment=”Center” Click=”Button_Click”                  />      </Grid>    </Window>  

Event Button_Click has occurred. On the MainWindow.XAML.cs, we will do the coding in C#.

MainWindow.XAML.CS

  using System;  using System.Collections.Generic;  using System.Linq;  using System.Text;  using System.Threading.Tasks;  using System.Windows;  using System.Windows.Controls;  using System.Windows.Data;  using System.Windows.Documents;  using System.Windows.Input;  using System.Windows.Media;  using System.Windows.Media.Imaging;  using System.Windows.Navigation;  using System.Windows.Shapes;    namespace WPFGridControl  {      /// <summary>      /// Interaction logic for MainWindow.xaml      /// </summary>      public partial class MainWindow : Window      {          public MainWindow()          {              InitializeComponent();          }            private void Button_Click(object sender, RoutedEventArgs e)          {              ContextMenu cm = this.FindResource(“cmButton”) as ContextMenu;              cm.PlacementTarget = sender as Button;              cm.IsOpen = true;            }      }  }  

OUTPUT

WPF Context Menu

The button is having the click event handler, which is handled in the source code. Window resources contain the object of the context situated in window Resources.

Next TopicWPF GridView Control

features of wpf what is wpf wpf wpf border wpf canvas wpf controls wpf groupbox wpf imagesource wpf listbox wpf richtextbox wpf timer wpf treeview wpf viewbox wpf vs winforms wpf xaml

WPF Context Menu

WPF Context Menu

MainWindow.XAML

Now we will do the right-click on the button after clicking on the window Context-Menu:

Invoke the ContextMenu with the help of the code

How to Install WordPress

CDATA PCDATA

You may also like