_wpf 右键菜单">
devbox
不正经
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

WPF右键菜单及样式_wpf 右键菜单

作者：不正经 | 2024-04-26 22:38:11

赞

踩

wpf 右键菜单

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

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

1.在Resources中添加ContextMenu

  1.     <Window.Resources>
  2.         <ContextMenu x:Key="ContextMenu">
  3.             <MenuItem Name="MiFullScreen" Header="全屏"/>
  4.             <Separator></Separator>
  5.             <MenuItem Name="MiPlay" Header="播放"/>
  6.         </ContextMenu>
  7.     </Window.Resources>

2.在控件中使用ContextMenu

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

  1.         <ListBox ContextMenu="{StaticResource ContextMenu}">
  2.             
  3.         </ListBox>

3.为每个MenuItem写Click事件

  1. <Window.Resources>
  2.         <ContextMenu x:Key="ContextMenu">
  3.             <MenuItem Name="NewFile" Click="NewFile_Click" Header="新建文件夹"/>
  4.             <Separator></Separator>
  5.             <MenuItem Name="Refresh"  Click="Refresh_Click" Header="刷新"/>
  6.         </ContextMenu>
  7.     </Window.Resources>

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

二、在控件中直接声明

  1.         <ListBox >
  2.             <ListBox.ContextMenu>
  3.                 <ContextMenu>
  4.                     <MenuItem Name="MenuItem1" Header="文件" Tag="{Binding Path=SelectdIndex" Click="MenuItem1_Click"/>
  5.                     <MenuItem Name="MenuItem2" Header="编辑" Tag="{Binding Path=SelectdIndex" Click="MenuItem1_Click"/>
  6.                 </ContextMenu>
  7.             </ListBox.ContextMenu>
  8.         </ListBox>

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

  1. <!--自定义ContextMenu的外观样式-->
  2. <Style TargetType="{x:Type ContextMenu}">
  3.     <Setter Property="SnapsToDevicePixels" Value="True"/>
  4.     <Setter Property="OverridesDefaultStyle" Value="True"/>
  5.     <Setter Property="Grid.IsSharedSizeScope" Value="True"/>
  6.     <Setter Property ="Focusable" Value="False"/>
  7.     <Setter Property="HasDropShadow" Value="True"/>
  8.     <Setter Property="Template">
  9.         <Setter.Value>
  10.             <ControlTemplate TargetType="{x:Type ContextMenu}">
  11.                 <Border 
  12.                       Name="Border"
  13.                       Background="#6EA0B0"
  14.                       BorderBrush="#888888"
  15.                       BorderThickness="1" >
  16.                     <StackPanel IsItemsHost="True"
  17.                         KeyboardNavigation.DirectionalNavigation="Cycle"/>
  18.                 </Border>
  19.                 <ControlTemplate.Triggers>
  20.                     <Trigger Property="HasDropShadow" Value="true">
  21.                         <Setter TargetName="Border" Property="Padding" Value="0,3,0,3"/>
  22.                         <Setter TargetName="Border" Property="CornerRadius" Value="4"/>
  23.                     </Trigger>
  24.                 </ControlTemplate.Triggers>
  25.             </ControlTemplate>
  26.         </Setter.Value>
  27.     </Setter>
  28. </Style>
  29.  
  30. <!--自定义菜单项之间的分隔符的样式-->
  31. <Style x:Key="{x:Static MenuItem.SeparatorStyleKey}" TargetType="{x:Type Separator}">
  32.     <Setter Property="Height" Value="1"/>
  33.     <Setter Property="Margin" Value="0,4,0,4"/>
  34.     <Setter Property="Template">
  35.         <Setter.Value>
  36.             <ControlTemplate TargetType="{x:Type Separator}">
  37.                 <Border BorderBrush="#888888" BorderThickness="1"/>
  38.             </ControlTemplate>
  39.         </Setter.Value>
  40.     </Setter>
  41. </Style>
  42.  
  43. <!-- TopLevelHeader -->
  44. <ControlTemplate x:Key="{x:Static MenuItem.TopLevelHeaderTemplateKey}" TargetType="{x:Type MenuItem}">
  45.     <Border Name="Border" >
  46.         <Grid>
  47.             <ContentPresenter 
  48.                 Margin="6,3,6,3" 
  49.                 ContentSource="Header"
  50.                 RecognizesAccessKey="True" />
  51.             <Popup 
  52.                 Name="Popup"
  53.                 Placement="Bottom"
  54.                 IsOpen="{TemplateBinding IsSubmenuOpen}"
  55.                 AllowsTransparency="True" 
  56.                 Focusable="False"
  57.                 PopupAnimation="Slide">
  58.                 <Border 
  59.                   Name="SubmenuBorder"
  60.                   SnapsToDevicePixels="True"
  61.                   Background="#FFFFFF"
  62.                   BorderBrush="#888888"
  63.                   BorderThickness="1" >
  64.                     <StackPanel  
  65.                     IsItemsHost="True" 
  66.                     KeyboardNavigation.DirectionalNavigation="Cycle" />
  67.                 </Border>
  68.             </Popup>
  69.         </Grid>
  70.     </Border>
  71.     <ControlTemplate.Triggers>
  72.         <Trigger Property="IsSuspendingPopupAnimation" Value="true">
  73.             <Setter TargetName="Popup" Property="PopupAnimation" Value="None"/>
  74.         </Trigger>
  75.         <Trigger Property="IsHighlighted" Value="true">
  76.             <Setter TargetName="Border" Property="Background" Value="Green"/>
  77.             <Setter TargetName="Border" Property="BorderBrush" Value="Transparent"/>
  78.         </Trigger>
  79.         <Trigger SourceName="Popup" Property="Popup.AllowsTransparency" Value="True">
  80.             <Setter TargetName="SubmenuBorder" Property="CornerRadius" Value="0,0,4,4"/>
  81.             <Setter TargetName="SubmenuBorder" Property="Padding" Value="0,0,0,3"/>
  82.         </Trigger>
  83.         <Trigger Property="IsEnabled" Value="False">
  84.             <Setter Property="Foreground" Value="#888888"/>
  85.         </Trigger>
  86.     </ControlTemplate.Triggers>
  87. </ControlTemplate>
  88.  
  89. <!-- TopLevelItem -->
  90. <ControlTemplate 
  91.       x:Key="{x:Static MenuItem.TopLevelItemTemplateKey}" 
  92.       TargetType="{x:Type MenuItem}">
  93.     <Border Name="Border" >
  94.         <Grid>
  95.             <ContentPresenter 
  96.                 Margin="20,3,6,10" 
  97.                 ContentSource="Header"
  98.                 RecognizesAccessKey="True" />
  99.         </Grid>
  100.     </Border>
  101.     <ControlTemplate.Triggers>
  102.         <Trigger Property="IsHighlighted" Value="true">
  103.             <Setter TargetName="Border" Property="Background" Value="Blue"/>
  104.             <Setter TargetName="Border" Property="BorderBrush" Value="Transparent"/>
  105.         </Trigger>
  106.         <Trigger Property="IsEnabled" Value="False">
  107.             <Setter Property="Foreground" Value="#888888"/>
  108.         </Trigger>
  109.     </ControlTemplate.Triggers>
  110. </ControlTemplate>
  111.  
  112. <!-- SubmenuItem 自定义菜单项的外观样式-->
  113. <ControlTemplate 
  114.    x:Key="{x:Static MenuItem.SubmenuItemTemplateKey}" 
  115.    TargetType="{x:Type MenuItem}">
  116.     <Border Name="Border" >
  117.         <Grid >
  118.             <Grid.ColumnDefinitions>
  119.                 <ColumnDefinition Width="Auto" SharedSizeGroup="Icon"/>
  120.                 <ColumnDefinition Width="*" />
  121.                 <ColumnDefinition Width="Auto" SharedSizeGroup="Shortcut"/>
  122.                 <ColumnDefinition Width="13"/>
  123.             </Grid.ColumnDefinitions>
  124.             <ContentPresenter 
  125.                 Name="Icon"
  126.                 Margin="6,2,6,2"
  127.                 HorizontalAlignment="Stretch"
  128.                 VerticalAlignment="Stretch"
  129.                 ContentSource="Icon"/>
  130.             <Border 
  131.                 Name="Check"  
  132.                 Width="13" Height="13" 
  133.                 Visibility="Hidden"
  134.                 Margin="6,0,6,0" 
  135.                 Background="#C0C0C0"
  136.                 BorderThickness="1"
  137.                 BorderBrush="#404040">
  138.                 <Path 
  139.                   Name="CheckMark"
  140.                   Width="7" Height="7" 
  141.                   Visibility="Visible" 
  142.                   SnapsToDevicePixels="False" 
  143.                   Stroke="#404040"
  144.                   StrokeThickness="1"
  145.                   Data="M 0 0 L 7 7 M 0 7 L 7 0" />
  146.             </Border>
  147.             <ContentPresenter 
  148.                 Name="HeaderHost"
  149.                 Grid.Column="1"
  150.                 ContentSource="Header"
  151.                 RecognizesAccessKey="True"/>
  152.             <TextBlock x:Name="InputGestureText"
  153.                 Grid.Column="2"
  154.                 Background="Green"
  155.                 Text="{TemplateBinding InputGestureText}"
  156.                 Margin="5,2,0,2"
  157.                 DockPanel.Dock="Right" />
  158.         </Grid>
  159.     </Border>
  160.     <ControlTemplate.Triggers>
  161.         <Trigger Property="Icon" Value="{x:Null}">
  162.             <Setter TargetName="Icon" Property="Visibility" Value="Hidden"/>
  163.         </Trigger>
  164.         <Trigger Property="IsChecked" Value="true">
  165.             <Setter TargetName="CheckMark" Property="Visibility" Value="Visible"/>
  166.         </Trigger>
  167.         <Trigger Property="IsCheckable" Value="true">
  168.             <Setter TargetName="Check" Property="Visibility" Value="Hidden"/>
  169.             <Setter TargetName="Icon" Property="Visibility" Value="Hidden"/>
  170.         </Trigger>
  171.         <!--选中菜单项时的高亮颜色的trigger设置-->
  172.         <Trigger Property="IsHighlighted" Value="true">
  173.             <Setter TargetName="Border" Property="Background" Value="Green"/>
  174.         </Trigger>
  175.         <Trigger Property="IsEnabled" Value="false">
  176.             <Setter Property="Foreground" Value="Yellow"/>
  177.         </Trigger>
  178.     </ControlTemplate.Triggers>
  179. </ControlTemplate>
  180.  
  181. <!-- SubmenuHeader -->
  182.  
  183. <ControlTemplate 
  184.     x:Key="{x:Static MenuItem.SubmenuHeaderTemplateKey}" 
  185.     TargetType="{x:Type MenuItem}">
  186.     <Border Name="Border" >
  187.         <Grid>
  188.             <Grid.ColumnDefinitions>
  189.                 <ColumnDefinition Width="Auto" SharedSizeGroup="Icon"/>
  190.                 <ColumnDefinition Width="*" />
  191.                 <ColumnDefinition Width="Auto" SharedSizeGroup="Shortcut"/>
  192.                 <ColumnDefinition Width="13"/>
  193.             </Grid.ColumnDefinitions>
  194.             <ContentPresenter 
  195.                 Name="Icon"
  196.                 Margin="6,0,6,0"
  197.                 HorizontalAlignment="Stretch"
  198.                 VerticalAlignment="Stretch"
  199.                 ContentSource="Icon"/>
  200.             <ContentPresenter 
  201.                 Name="HeaderHost"
  202.                 Grid.Column="1"
  203.                 ContentSource="Header"
  204.                 RecognizesAccessKey="True"/>
  205.             <TextBlock x:Name="InputGestureText"
  206.                 Grid.Column="2"
  207.                 Text="{TemplateBinding InputGestureText}"
  208.                 Margin="5,2,2,2"
  209.                 DockPanel.Dock="Right"/>
  210.             <Path 
  211.                 Grid.Column="3"
  212.                 HorizontalAlignment="Center"
  213.                 VerticalAlignment="Center"
  214.                 Data="M 0 0 L 0 7 L 4 3.5 Z" 
  215.                 Fill="#404040" />
  216.             <Popup 
  217.                 Name="Popup"
  218.                 Placement="Left"
  219.                 HorizontalOffset="-4" 
  220.                 IsOpen="{TemplateBinding IsSubmenuOpen}"
  221.                 AllowsTransparency="True" 
  222.                 Focusable="False"
  223.                 PopupAnimation="Slide">
  224.                 <Border 
  225.                   Name="SubmenuBorder"
  226.                   SnapsToDevicePixels="True"
  227.                   Background="#FFFFFF"
  228.                   BorderBrush="#888888"
  229.                   BorderThickness="1" >
  230.                     <StackPanel  
  231.                       IsItemsHost="True" 
  232.                       KeyboardNavigation.DirectionalNavigation="Cycle" />
  233.                 </Border>
  234.             </Popup>
  235.         </Grid>
  236.     </Border>
  237.     <ControlTemplate.Triggers>
  238.         <Trigger Property="Icon" Value="{x:Null}">
  239.             <Setter TargetName="Icon" Property="Visibility" Value="Collapsed"/>
  240.         </Trigger>
  241.         <Trigger Property="IsHighlighted" Value="true">
  242.             <Setter TargetName="Border" Property="Background" Value="#EEEEEE"/>
  243.         </Trigger>
  244.         <Trigger SourceName="Popup" Property="Popup.AllowsTransparency" Value="True">
  245.             <Setter TargetName="SubmenuBorder" Property="CornerRadius" Value="4"/>
  246.             <Setter TargetName="SubmenuBorder" Property="Padding" Value="0,3,0,3"/>
  247.         </Trigger>
  248.         <Trigger Property="IsEnabled" Value="false">
  249.             <Setter Property="Foreground" Value="#888888"/>
  250.         </Trigger>
  251.     </ControlTemplate.Triggers>
  252. </ControlTemplate>
  253.  
  254. <!-- MenuItem Style -->
  255.  
  256. <Style x:Key="{x:Type MenuItem}" TargetType="{x:Type MenuItem}">
  257.     <Setter Property="OverridesDefaultStyle" Value="True"/>
  258.     <Style.Triggers>
  259.         <Trigger Property="Role" Value="TopLevelHeader">
  260.             <Setter Property="Template" Value="{StaticResource {x:Static MenuItem.TopLevelHeaderTemplateKey}}"/>
  261.             <Setter Property="Grid.IsSharedSizeScope" Value="true"/>
  262.         </Trigger>
  263.         <Trigger Property="Role" Value="TopLevelItem">
  264.             <Setter Property="Template" Value="{StaticResource {x:Static MenuItem.TopLevelItemTemplateKey}}"/>
  265.         </Trigger>
  266.         <Trigger Property="Role" Value="SubmenuHeader">
  267.             <Setter Property="Template" Value="{StaticResource {x:Static MenuItem.SubmenuHeaderTemplateKey}}"/>
  268.         </Trigger>
  269.         <Trigger Property="Role" Value="SubmenuItem">
  270.             <Setter Property="Template" Value="{StaticResource {x:Static MenuItem.SubmenuItemTemplateKey}}"/>
  271.         </Trigger>
  272.     </Style.Triggers>
  273. </Style>

 

 

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/不正经/article/detail/493440
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。