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

原创

愚公搬代码

发布于 2023-10-14 22:55:05

1.2K0

🏆 作者简介，愚公搬代码 🏆《头衔》：华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，阿里云专家博主，腾讯云优秀博主，掘金优秀博主，51CTO博客专家等。 🏆《近期荣誉》：2022年CSDN博客之星TOP2，2022年华为云十佳博主等。
🏆《博客内容》：.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。
🏆🎉欢迎 👍点赞✍评论⭐收藏

🚀前言

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;
}

我正在参与2023腾讯技术创作特训营第二期有奖征文，瓜分万元奖池和键盘手表

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

2023腾讯·技术创作特训营第二期

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

2023腾讯·技术创作特训营第二期

登录后参与评论

0 条评论

热度