【愚公系列】2023年09月 WPF控件专题 ContextMenu控件详解

原创

愚公搬代码 2023-09-21 23:27:28 博主文章分类：愚公系列-WPF控件专题 ©著作权

文章标签 控件 WPF 用户界面 文章分类 .Net 后端开发 yyds干货盘点

©著作权归作者所有：来自51CTO博客作者愚公搬代码的原创作品，请联系作者获取转载授权，否则将追究法律责任

(文章目录)

前言

WPF控件是Windows Presentation Foundation（WPF）中的基本用户界面元素。它们是可视化对象，可以用来创建各种用户界面。WPF控件可以分为两类：原生控件和自定义控件。

原生控件是由Microsoft提供的内置控件，如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见的标准用户界面元素。

自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化的用户界面元素。自定义控件可以根据需求提供更多的功能和自定义化选项，以及更好的用户体验。

一、ContextMenu控件详解

WPF中的ContextMenu控件用于创建在用户右键单击控件时弹出的上下文菜单。以下是使用ContextMenu的通用步骤：

在XAML文件中，将ContextMenu添加到控件的Resources中：

<Window.Resources>
    <ContextMenu x:Key="myContextMenu">
        <!-- 添加菜单项 -->
    </ContextMenu>
</Window.Resources>

将ContextMenu绑定到控件的ContextMenu属性：

<Button Content="Right-click me" ContextMenu="{StaticResource myContextMenu}" />

添加菜单项到ContextMenu中：

<ContextMenu x:Key="myContextMenu">
    <MenuItem Header="Copy" />
    <MenuItem Header="Cut" />
    <MenuItem Header="Paste" />
    <Separator />
    <MenuItem Header="Select All" />
</ContextMenu>

ContextMenu中的菜单项可以包含命令、图标和子菜单等等。通过使用ContextMenu，可以提供更多的用户交互方式，增强应用程序的易用性。

1.属性介绍

ContextMenu是WPF中的一个控件，它通常用于在右键单击某个元素时显示一个菜单。ContextMenu控件有以下属性：

Items：用于添加菜单项的集合。
PlacementTarget：指定ContextMenu相对于哪个元素定位。
Placement：ContextMenu在元素上的位置关系。
IsOpen：用于控制ContextMenu是否显示。
StaysOpen：如果设置为True，则单击菜单项后ContextMenu不会关闭。
DataContext：用于绑定ContextMenu的数据上下文。
CommandBindings：用于关联ContextMenu的命令。
Style、Template、Triggers等：用于自定义ContextMenu的外观和行为。

2.常用场景

WPF中ContextMenu控件常用场景如下：

在ListView、TreeView等控件中使用ContextMenu控件，可以提供右键菜单，方便用户进行操作。例如，在一个文件管理器中，用户可以右键点击文件或文件夹，弹出菜单，进行复制、粘贴、剪切等操作。
在图形化界面中使用ContextMenu控件，方便用户进行操作。例如，在一个绘图软件中，用户可以右键点击图形，弹出菜单，进行复制、粘贴、删除等操作。
在Web浏览器中使用ContextMenu控件，提供了许多方便用户的选项，例如“在新标签页中打开链接”、“在新窗口中打开链接”等。
在游戏中使用ContextMenu控件，方便用户进行游戏设置、操作等。

ContextMenu控件提供了一个方便的方式来增强用户交互体验，使用户可以更轻松地进行操作。

3.具体案例

<Window x:Class="WpfAppTest.ContextMenuWindow"
        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:WpfAppTest"
        mc:Ignorable="d"
        Title="ContextMenuWindow" Height="450" Width="800">
    <Grid>
                <Label Name="lbl" Content="用户管理" HorizontalAlignment="Left" Margin="149,23,0,0" VerticalAlignment="Top" Height="33" Width="73" BorderBrush="Blue" BorderThickness="1"  MouseLeftButtonDown="Lbl_MouseLeftButtonDown" ContextMenuService.Placement="RelativePoint" >
                        <Label.ContextMenu>
                                <ContextMenu Name="contextMenu" HasDropShadow="True" HorizontalOffset="20" VerticalOffset="20"   >
                                        <MenuItem Header="打开页面"/>
                                        <MenuItem Header="操作">
                                                <MenuItem Header="复制" InputGestureText="Ctrl+C"/>
                                                <MenuItem Header="剪切"/>
                                                <MenuItem Header="删除"/>
                                        </MenuItem>
                                </ContextMenu>
                        </Label.ContextMenu>
                </Label>

        </Grid>
</Window>

/// <summary>
///左键打开上下文菜单
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Lbl_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
        contextMenu.PlacementTarget = lbl;
        contextMenu.IsOpen = true;
}