WPF右键菜单及样式

最新推荐文章于 2024-06-05 14:42:13 发布
最新推荐文章于 2024-06-05 14:42:13 发布
阅读量6.8k 收藏 27
点赞数 6
分类专栏： WPF
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014453443/article/details/110237510
版权

WPF中的右键菜单主要是通过ContextMenu来实现，ContextMenu的使用有两种方式

一、.在Resources中声明，在控件中使用。

1.在Resources中添加ContextMenu

    <Window.Resources>
        <ContextMenu x:Key="ContextMenu">
            <MenuItem Name="MiFullScreen" Header="全屏"/>
            <Separator></Separator>
            <MenuItem Name="MiPlay" Header="播放"/>
        </ContextMenu>
    </Window.Resources>

2.在控件中使用ContextMenu

定义在哪些地方使用右键，在需要使用此右键菜单的属性上添加：ContextMenu="{StaticResource ContextMenu}"

        <ListBox ContextMenu="{StaticResource ContextMenu}">
            
        </ListBox>

3.为每个MenuItem写Click事件

<Window.Resources>
        <ContextMenu x:Key="ContextMenu">
            <MenuItem Name="NewFile" Click="NewFile_Click" Header="新建文件夹"/>
            <Separator></Separator>
            <MenuItem Name="Refresh"  Click="Refresh_Click" Header="刷新"/>
        </ContextMenu>
    </Window.Resources>

次方法的优点在于只声明一次，可以在多个控件中同时使用

二、在控件中直接声明

        <ListBox >
            <ListBox.ContextMenu>
                <ContextMenu>
                    <MenuItem Name="MenuItem1" Header="文件" Tag="{Binding Path=SelectdIndex" Click="MenuItem1_Click"/>
                    <MenuItem Name="MenuItem2" Header="编辑" Tag="{Binding Path=SelectdIndex" Click="MenuItem1_Click"/>
                </ContextMenu>
            </ListBox.ContextMenu>
        </ListBox>

这些style包含了contexrMenu和MenuItem的内容，你可以改变其中的某项内容来达到你的要求。

<!--自定义ContextMenu的外观样式-->
<Style TargetType="{x:Type ContextMenu}">
    <Setter Property="SnapsToDevicePixels" Value="True"/>
    <Setter Property="OverridesDefaultStyle" Value="True"/>
    <Setter Property="Grid.IsSharedSizeScope" Value="True"/>
    <Setter Property ="Focusable" Value="False"/>
    <Setter Property="HasDropShadow" Value="True"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ContextMenu}">
                <Border 
                      Name="Border"
                      Background="#6EA0B0"
                      BorderBrush="#888888"
                      BorderThickness="1" >
                    <StackPanel IsItemsHost="True"
                        KeyboardNavigation.DirectionalNavigation="Cycle"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="HasDropShadow" Value="true">
                        <Setter TargetName="Border" Property="Padding" Value="0,3,0,3"/>
                        <Setter TargetName="Border" Property="CornerRadius" Value="4"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
 
<!--自定义菜单项之间的分隔符的样式-->
<Style x:Key="{x:Static MenuItem.SeparatorStyleKey}" TargetType="{x:Type Separator}">
    <Setter Property="Height" Value="1"/>
    <Setter Property="Margin" Value="0,4,0,4"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Separator}">
                <Border BorderBrush="#888888" BorderThickness="1"/>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
 
<!-- TopLevelHeader -->
<ControlTemplate x:Key="{x:Static MenuItem.TopLevelHeaderTemplateKey}" TargetType="{x:Type MenuItem}">
    <Border Name="Border" >
        <Grid>
            <ContentPresenter 
                Margin="6,3,6,3" 
                ContentSource="Header"
                RecognizesAccessKey="True" />
            <Popup 
                Name="Popup"
                Placement="Bottom"
                IsOpen="{TemplateBinding IsSubmenuOpen}"
                AllowsTransparency="True" 
                Focusable="False"
                PopupAnimation="Slide">
                <Border 
                  Name="SubmenuBorder"
                  SnapsToDevicePixels="True"
                  Background="#FFFFFF"
                  BorderBrush="#888888"
                  BorderThickness="1" >
                    <StackPanel  
                    IsItemsHost="True" 
                    KeyboardNavigation.DirectionalNavigation="Cycle" />
                </Border>
            </Popup>
        </Grid>
    </Border>
    <ControlTemplate.Triggers>
        <Trigger Property="IsSuspendingPopupAnimation" Value="true">
            <Setter TargetName="Popup" Property="PopupAnimation" Value="None"/>
        </Trigger>
        <Trigger Property="IsHighlighted" Value="true">
            <Setter TargetName="Border" Property="Background" Value="Green"/>
            <Setter TargetName="Border" Property="BorderBrush" Value="Transparent"/>
        </Trigger>
        <Trigger SourceName="Popup" Property="Popup.AllowsTransparency" Value="True">
            <Setter TargetName="SubmenuBorder" Property="CornerRadius" Value="0,0,4,4"/>
            <Setter TargetName="SubmenuBorder" Property="Padding" Value="0,0,0,3"/>
        </Trigger>
        <Trigger Property="IsEnabled" Value="False">
            <Setter Property="Foreground" Value="#888888"/>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>
 
<!-- TopLevelItem -->
<ControlTemplate 
      x:Key="{x:Static MenuItem.TopLevelItemTemplateKey}" 
      TargetType="{x:Type MenuItem}">
    <Border Name="Border" >
        <Grid>
            <ContentPresenter 
                Margin="20,3,6,10" 
                ContentSource="Header"
                RecognizesAccessKey="True" />
        </Grid>
    </Border>
    <ControlTemplate.Triggers>
        <Trigger Property="IsHighlighted" Value="true">
            <Setter TargetName="Border" Property="Background" Value="Blue"/>
            <Setter TargetName="Border" Property="BorderBrush" Value="Transparent"/>
        </Trigger>
        <Trigger Property="IsEnabled" Value="False">
            <Setter Property="Foreground" Value="#888888"/>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>
 
<!-- SubmenuItem 自定义菜单项的外观样式-->
<ControlTemplate 
   x:Key="{x:Static MenuItem.SubmenuItemTemplateKey}" 
   TargetType="{x:Type MenuItem}">
    <Border Name="Border" >
        <Grid >
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" SharedSizeGroup="Icon"/>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" SharedSizeGroup="Shortcut"/>
                <ColumnDefinition Width="13"/>
            </Grid.ColumnDefinitions>
            <ContentPresenter 
                Name="Icon"
                Margin="6,2,6,2"
                HorizontalAlignment="Stretch"
                VerticalAlignment="Stretch"
                ContentSource="Icon"/>
            <Border 
                Name="Check"  
                Width="13" Height="13" 
                Visibility="Hidden"
                Margin="6,0,6,0" 
                Background="#C0C0C0"
                BorderThickness="1"
                BorderBrush="#404040">
                <Path 
                  Name="CheckMark"
                  Width="7" Height="7" 
                  Visibility="Visible" 
                  SnapsToDevicePixels="False" 
                  Stroke="#404040"
                  StrokeThickness="1"
                  Data="M 0 0 L 7 7 M 0 7 L 7 0" />
            </Border>
            <ContentPresenter 
                Name="HeaderHost"
                Grid.Column="1"
                ContentSource="Header"
                RecognizesAccessKey="True"/>
            <TextBlock x:Name="InputGestureText"
                Grid.Column="2"
                Background="Green"
                Text="{TemplateBinding InputGestureText}"
                Margin="5,2,0,2"
                DockPanel.Dock="Right" />
        </Grid>
    </Border>
    <ControlTemplate.Triggers>
        <Trigger Property="Icon" Value="{x:Null}">
            <Setter TargetName="Icon" Property="Visibility" Value="Hidden"/>
        </Trigger>
        <Trigger Property="IsChecked" Value="true">
            <Setter TargetName="CheckMark" Property="Visibility" Value="Visible"/>
        </Trigger>
        <Trigger Property="IsCheckable" Value="true">
            <Setter TargetName="Check" Property="Visibility" Value="Hidden"/>
            <Setter TargetName="Icon" Property="Visibility" Value="Hidden"/>
        </Trigger>
        <!--选中菜单项时的高亮颜色的trigger设置-->
        <Trigger Property="IsHighlighted" Value="true">
            <Setter TargetName="Border" Property="Background" Value="Green"/>
        </Trigger>
        <Trigger Property="IsEnabled" Value="false">
            <Setter Property="Foreground" Value="Yellow"/>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>
 
<!-- SubmenuHeader -->
 
<ControlTemplate 
    x:Key="{x:Static MenuItem.SubmenuHeaderTemplateKey}" 
    TargetType="{x:Type MenuItem}">
    <Border Name="Border" >
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" SharedSizeGroup="Icon"/>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" SharedSizeGroup="Shortcut"/>
                <ColumnDefinition Width="13"/>
            </Grid.ColumnDefinitions>
            <ContentPresenter 
                Name="Icon"
                Margin="6,0,6,0"
                HorizontalAlignment="Stretch"
                VerticalAlignment="Stretch"
                ContentSource="Icon"/>
            <ContentPresenter 
                Name="HeaderHost"
                Grid.Column="1"
                ContentSource="Header"
                RecognizesAccessKey="True"/>
            <TextBlock x:Name="InputGestureText"
                Grid.Column="2"
                Text="{TemplateBinding InputGestureText}"
                Margin="5,2,2,2"
                DockPanel.Dock="Right"/>
            <Path 
                Grid.Column="3"
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                Data="M 0 0 L 0 7 L 4 3.5 Z" 
                Fill="#404040" />
            <Popup 
                Name="Popup"
                Placement="Left"
                HorizontalOffset="-4" 
                IsOpen="{TemplateBinding IsSubmenuOpen}"
                AllowsTransparency="True" 
                Focusable="False"
                PopupAnimation="Slide">
                <Border 
                  Name="SubmenuBorder"
                  SnapsToDevicePixels="True"
                  Background="#FFFFFF"
                  BorderBrush="#888888"
                  BorderThickness="1" >
                    <StackPanel  
                      IsItemsHost="True" 
                      KeyboardNavigation.DirectionalNavigation="Cycle" />
                </Border>
            </Popup>
        </Grid>
    </Border>
    <ControlTemplate.Triggers>
        <Trigger Property="Icon" Value="{x:Null}">
            <Setter TargetName="Icon" Property="Visibility" Value="Collapsed"/>
        </Trigger>
        <Trigger Property="IsHighlighted" Value="true">
            <Setter TargetName="Border" Property="Background" Value="#EEEEEE"/>
        </Trigger>
        <Trigger SourceName="Popup" Property="Popup.AllowsTransparency" Value="True">
            <Setter TargetName="SubmenuBorder" Property="CornerRadius" Value="4"/>
            <Setter TargetName="SubmenuBorder" Property="Padding" Value="0,3,0,3"/>
        </Trigger>
        <Trigger Property="IsEnabled" Value="false">
            <Setter Property="Foreground" Value="#888888"/>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>
 
<!-- MenuItem Style -->
 
<Style x:Key="{x:Type MenuItem}" TargetType="{x:Type MenuItem}">
    <Setter Property="OverridesDefaultStyle" Value="True"/>
    <Style.Triggers>
        <Trigger Property="Role" Value="TopLevelHeader">
            <Setter Property="Template" Value="{StaticResource {x:Static MenuItem.TopLevelHeaderTemplateKey}}"/>
            <Setter Property="Grid.IsSharedSizeScope" Value="true"/>
        </Trigger>
        <Trigger Property="Role" Value="TopLevelItem">
            <Setter Property="Template" Value="{StaticResource {x:Static MenuItem.TopLevelItemTemplateKey}}"/>
        </Trigger>
        <Trigger Property="Role" Value="SubmenuHeader">
            <Setter Property="Template" Value="{StaticResource {x:Static MenuItem.SubmenuHeaderTemplateKey}}"/>
        </Trigger>
        <Trigger Property="Role" Value="SubmenuItem">
            <Setter Property="Template" Value="{StaticResource {x:Static MenuItem.SubmenuItemTemplateKey}}"/>
        </Trigger>
    </Style.Triggers>
</Style>

 

 

苏守坤
关注
  • 6
    点赞
  • 踩
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF实现右键菜单
琅嬛福地
11-16 1247
你可以直接在XAML元素中定义上下文菜单，如下所示：</</</
WPF 自定义右键菜单样式
bang987918的专栏
06-27 9224
在项目过程中，有时系统提供的控件不好看，这时可能需要重写控件，也可以重新定义下控件的样式外观来达到要求，WPF就支持控件的自定义Style样式。 下面我就提供一个右键菜单的自定义style样式。 首先我做一个button，这个button有右键菜单，它的xaml代码如下：
wpf 定义ContextMenu样式
weixin_45414738的博客
11-11 1464
定义字典文件使用
c# WPF 代码添加右键菜单
ooc9442的博客
11-17 6442
WPF 代码添加右键菜单
WPF Menuitem边框
最新发布
谷棵的专栏
06-05 35
本文介绍了WPF Menuitem边框的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
WPF —— ContextMenu右键菜单 Canvas控件详解
03-27 855
定位元素 不要设置两个相对的距离，例如设置了Canvas。Right，就不要设置Canvas.Left。--Canvas.Right="0" 距离canvas右边的距离是0 上下左同理。定义一个区域，可以是其中的子元素相对于canvas进行定位-->中的右键菜单主要是通过ContextMenu来实现，直接在控件的ContextMenu属性中关联即可。在控件中使用ContextMenu。
WPF中鼠标右键菜单栏实现（ContextMenu）（转载）
weixin_40029679的博客
02-27 2630
WPF中ContextMenu表示鼠标右键菜单栏，适用于WPF任何控件。ContextMenu属性默认实现，鼠标右键点击后显示菜单栏的功能，此时菜单栏选项默认都是响应点击的。在控件中使用ContextMenu。可以在任意自己想要的控件上都绑定。在Window.Resources中声明具体的ContextMenu。常用的通过ContextMenu实现右键菜单栏的方式有两种。1、在Resources中声明，在控件中使用。1、在Resources中声明，在控件中使用。2、在控件中直接声明。2、在控件中直接声明。
wpf中右键菜单的代码后置
jhzhang1983的博客
01-03 492
在WPF控件基类中使用代码后置的方式创建Devexpress样式的右键菜单
WPF小技巧——ListView和TreeView的右键菜单(ContextMenu)点的谁
nichongben的博客
04-15 2216
WPF中右键点击ListView或TreeView时，是无法选中当前项的。当我们想在ListViewItem中实现右键菜单时，往往希望在弹出菜单的同时选中该项，以使得菜单针对当前项生效。
C#WPF控件界面，lightningChart示波器控件内添加右击弹出可点击勾选菜单列表
weixin_37101711的博客
01-17 667
【代码】C#WPF控件界面，lightningChart示波器控件内添加右击弹出可点击勾选菜单列表。
在WPF中，可以使用ContextMenu的PlacementTarget属性来获取右键菜单的父级元素。
T_YLIAJI的专栏
06-15 558
在这个例子中，当右键菜单的菜单项被点击时，我们首先获取菜单项的父级。希望这些信息能对你有所帮助！
WPF 菜单Menu的自定义样式
weixin_44545554的博客
07-18 7551
菜单Menu的自定义样式： 页面代码： <Menu Height="50" Name="menu1" Width="50" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="{x:Null}" Background="{x:Null}" > <MenuItem ...
WPF MVVM模式下 TreeView 右键菜单
05-07
在WPF应用中，TreeView组件常用于显示层次结构的数据，而右键菜单则可以提供上下文相关的操作。在MVVM模式下实现TreeView的右键功能，需要对WPF事件处理、数据绑定和命令机制有深入理解。 首先，`TreeView` 的选中...
WPF 与 WinForm 调用系统右键菜单/资源管理器右键菜单/桌面右键菜单示例
07-16
本示例主要探讨如何在WPF和WinForm应用中调用系统、资源管理器及桌面的右键菜单，以增强用户交互体验。 首先，让我们深入理解一下这两个技术： 1. **WPF**：作为.NET Framework的一部分，WPF引入了基于XAML的声明...
WPF自定义多级菜单功能
08-06
采用wpf自定义控件，自定义布局，实现后台动态添加多级菜单功能，菜单构成是一级菜单上层小图片，下层菜单名。二级菜单是左侧小图片，右侧是菜单名称。一级和二级菜单有默认背景图片和选中后的图片。点击一级菜单...
wpf菜单MenuItem样式经典
12-02
我们将通过分析标题"wpf菜单MenuItem样式经典"和描述"wpf菜单MenuItem样式经典源代码,绝对经典"来揭示实现经典样式的关键技术和步骤。 首先，让我们了解`MenuItem`的基本用法。`MenuItem`是`System.Windows....
WPF 带下拉菜单的按钮
03-07
`ContextMenu`在WPF中用于展示一系列可选择的选项，它通常与鼠标右键点击关联，但也可以与`ToggleButton`结合，作为下拉菜单使用。`ContextMenu`可以通过`ItemsSource`属性绑定到数据源，这样可以动态地生成菜单项。...
WPF中TreeView设置右键菜单
漓涂
07-10 6977
右键菜单功能存在于各个地方，其功能也是非常的多，方便用户操作。例如Windows桌面的菜单： 但是有时候过多的右键菜单功能又容易导致用户的误操作，下面讲解给TreeView设置右键菜单，首先在xaml文件中设置一棵树： 1、最直观的方式是直接在页面上创建ContextMenu，并在页面初始化时绑定点击事件： ...
WPF中实现右键菜单
weixin_34234829的博客
07-08 780
利用ContextMenu类可以实现右键菜单功能，在任何拥有该属性的控件都可以直接通过该类来实现右键功能。以Button为例 1 <Button Name="myButton" Click="myButton_Click"> 2 <Button.ContextMenu> 3 <Co...
WPF 右键菜单样式
12-06
以下是一个WPF右键菜单的样式示例： ```xaml <Window x:Class="ContextMenuStyleExample.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <Window.Resources> <ContextMenu x:Key="MyContextMenu"> <MenuItem Header="Cut"/> <MenuItem Header="Copy"/> <MenuItem Header="Paste"/> </ContextMenu> <Style TargetType="{x:Type Button}"> <Setter Property="ContextMenu" Value="{StaticResource MyContextMenu}"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type Button}"> <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/> </Border> </ControlTemplate> </Setter.Value> </Setter> </Style> </Window.Resources> <Grid> <Button Content="Right-click me" Width="100" Height="30"/> </Grid> </Window> ``` 在这个示例中，我们定义了一个名为“MyContextMenu”的ContextMenu，其中包含三个MenuItem。然后，我们定义了一个Button样式，将ContextMenu设置为MyContextMenu。最后，我们在Grid中放置了一个Button，它将使用我们定义的样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值