设置了 Image 和 IsCheckable 的 WPF MenuItem-6ren

设置了 Image 和 IsCheckable 的 WPF MenuItem

转载作者：行者123 更新时间：2023-12-02 22:47:46

我注意到，如果您设置 IsCheckable 并为 MenuItem 设置图像，则在选中该项目时，该图像会消失。是否可以使其与旧的 .Net 2.0 类似地工作，以便在检查时图像周围有边框？谢谢保罗。

最佳答案

您需要重新设计菜单项才能实现这一点。您可以从 here 获取默认样式。，例如 Aero，然后拉出 MenuItem 的样式(和相关画笔)。一旦有了它，您就可以根据需要进行自定义。

对于 MenuItem，您实际上可以重新定义 SubmenuItemTemplateKey 和 SubmenuHeaderTemplateKey ControlTemplate，方法是将其添加到您的应用程序资源中(从上面的文件中提取并进行调整):

<Application x:Class="MyApplication.App"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:theme="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero"
         StartupUri="MainWindow.xaml">
<Application.Resources>

    <Geometry x:Key="RightArrow">M 0,0 L 4,3.5 L 0,7 Z</Geometry>
    <Geometry x:Key="Checkmark">M 0,5.1 L 1.7,5.2 L 3.4,7.1 L 8,0.4 L 9.2,0 L 3.3,10.8 Z</Geometry>

    <LinearGradientBrush x:Key="MenuItemSelectionFill"
                         StartPoint="0,0"
                         EndPoint="0,1">
        <LinearGradientBrush.GradientStops>
            <GradientStop Color="#34C5EBFF"
                          Offset="0" />
            <GradientStop Color="#3481D8FF"
                          Offset="1" />
        </LinearGradientBrush.GradientStops>
    </LinearGradientBrush>

    <ControlTemplate x:Key="{ComponentResourceKey TypeInTargetAssembly={x:Type MenuItem}, ResourceId=SubmenuItemTemplateKey}"
                     TargetType="{x:Type MenuItem}">
        <Grid SnapsToDevicePixels="true">
            <Rectangle Name="Bg"
                       Fill="{TemplateBinding MenuItem.Background}"
                       Stroke="{TemplateBinding MenuItem.BorderBrush}"
                       StrokeThickness="1"
                       RadiusX="2"
                       RadiusY="2" />
            <Rectangle x:Name="InnerBorder"
                       Margin="1"
                       RadiusX="2"
                       RadiusY="2" />
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition MinWidth="24"
                                      Width="Auto"
                                      SharedSizeGroup="MenuItemIconColumnGroup" />
                    <ColumnDefinition Width="4" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="37" />
                    <ColumnDefinition Width="Auto"
                                      SharedSizeGroup="MenuItemIGTColumnGroup" />
                    <ColumnDefinition Width="17" />
                </Grid.ColumnDefinitions>
                <Border x:Name="GlyphPanel"
                        Background="Transparent"
                        BorderBrush="Transparent"
                        BorderThickness="1"
                        CornerRadius="3"
                        Margin="1"
                        Width="22"
                        Height="22">
                    <Grid>
                        <Path Name="Glyph"
                              Width="9"
                              Height="11"
                              Fill="#0C12A1"
                              FlowDirection="LeftToRight"
                              Data="{StaticResource Checkmark}"
                              Visibility="Collapsed" />
                        <ContentPresenter x:Name="Icon"
                                          Margin="1"
                                          VerticalAlignment="Center"
                                          ContentSource="Icon"
                                          SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                    </Grid>
                </Border>
                <ContentPresenter Grid.Column="2"
                                  ContentSource="Header"
                                  Margin="{TemplateBinding MenuItem.Padding}"
                                  RecognizesAccessKey="True"
                                  SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                <TextBlock Grid.Column="4"
                           Text="{TemplateBinding MenuItem.InputGestureText}"
                           Margin="{TemplateBinding MenuItem.Padding}" />
            </Grid>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property="Icon"
                     Value="{x:Null}">
                <Setter TargetName="Icon"
                        Property="Visibility"
                        Value="Collapsed" />
            </Trigger>
            <Trigger Property="IsChecked"
                     Value="true">
                <Setter TargetName="GlyphPanel"
                        Property="Background"
                        Value="#E6EFF4" />
                <Setter TargetName="GlyphPanel"
                        Property="BorderBrush"
                        Value="#CDD3E6" />
            </Trigger>
            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="Icon"
                               Value="{x:Null}" />
                    <Condition Property="IsChecked"
                               Value="true" />
                </MultiTrigger.Conditions>
                <Setter TargetName="Glyph"
                        Property="Visibility"
                        Value="Visible" />
                <Setter TargetName="Icon"
                        Property="Visibility"
                        Value="Collapsed" />
            </MultiTrigger>
            <Trigger Property="IsHighlighted"
                     Value="true">
                <Setter TargetName="Bg"
                        Property="Fill"
                        Value="{StaticResource MenuItemSelectionFill}" />
                <Setter TargetName="Bg"
                        Property="Stroke"
                        Value="#8071CBF1" />
                <Setter TargetName="InnerBorder"
                        Property="Stroke"
                        Value="#40FFFFFF" />
            </Trigger>
            <Trigger Property="IsEnabled"
                     Value="false">
                <Setter Property="Foreground"
                        Value="#FF9A9A9A" />
                <Setter TargetName="GlyphPanel"
                        Property="Background"
                        Value="#EEE9E9" />
                <Setter TargetName="GlyphPanel"
                        Property="BorderBrush"
                        Value="#DBD6D6" />
                <Setter TargetName="Glyph"
                        Property="Fill"
                        Value="#848589" />
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
    <ControlTemplate x:Key="{ComponentResourceKey TypeInTargetAssembly={x:Type MenuItem}, ResourceId=SubmenuHeaderTemplateKey}"
                     TargetType="{x:Type MenuItem}">
        <Grid SnapsToDevicePixels="true">
            <Rectangle Name="Bg"
                       Fill="{TemplateBinding MenuItem.Background}"
                       Stroke="{TemplateBinding MenuItem.BorderBrush}"
                       StrokeThickness="1"
                       RadiusX="2"
                       RadiusY="2" />
            <Rectangle x:Name="InnerBorder"
                       Margin="1"
                       Stroke="Transparent"
                       StrokeThickness="1"
                       RadiusX="2"
                       RadiusY="2" />
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition MinWidth="24"
                                      Width="Auto"
                                      SharedSizeGroup="MenuItemIconColumnGroup" />
                    <ColumnDefinition Width="4" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="37" />
                    <ColumnDefinition Width="Auto"
                                      SharedSizeGroup="MenuItemIGTColumnGroup" />
                    <ColumnDefinition Width="17" />
                </Grid.ColumnDefinitions>
                <Border x:Name="GlyphPanel"
                        Background="Transparent"
                        BorderBrush="Transparent"
                        BorderThickness="1"
                        CornerRadius="3"
                        Margin="1"
                        Width="22"
                        Height="22">
                    <Grid>
                        <Path Name="Glyph"
                              Width="9"
                              Height="11"
                              Fill="#0C12A1"
                              FlowDirection="LeftToRight"
                              Data="{StaticResource Checkmark}"
                              Visibility="Collapsed" />
                        <ContentPresenter x:Name="Icon"
                                          Margin="1"
                                          VerticalAlignment="Center"
                                          ContentSource="Icon"
                                          SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                    </Grid>
                </Border>
                <ContentPresenter Grid.Column="2"
                                  ContentSource="Header"
                                  Margin="{TemplateBinding MenuItem.Padding}"
                                  RecognizesAccessKey="True"
                                  SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                <TextBlock Grid.Column="4"
                           Text="{TemplateBinding MenuItem.InputGestureText}"
                           Margin="{TemplateBinding MenuItem.Padding}"
                           Visibility="Collapsed" />
                <Path Grid.Column="5"
                      VerticalAlignment="Center"
                      Margin="4,0,0,0"
                      Fill="{TemplateBinding MenuItem.Foreground}"
                      Data="{StaticResource RightArrow}" />
            </Grid>
            <Popup x:Name="PART_Popup"
                   AllowsTransparency="true"
                   Placement="Right"
                   VerticalOffset="-3"
                   HorizontalOffset="-2"
                   IsOpen="{Binding Path=IsSubmenuOpen,RelativeSource={RelativeSource TemplatedParent}}"
                   Focusable="false"
                   PopupAnimation="{DynamicResource {x:Static SystemParameters.MenuPopupAnimationKey}}">
                <theme:SystemDropShadowChrome Name="Shdw"
                                              Color="Transparent">
                    <ContentControl Name="SubMenuBorder"
                                    Template="{DynamicResource {ComponentResourceKey TypeInTargetAssembly={x:Type FrameworkElement}, ResourceId=SubmenuContent}}"
                                    IsTabStop="false">
                        <ScrollViewer CanContentScroll="true"
                                      Style="{DynamicResource {ComponentResourceKey TypeInTargetAssembly={x:Type FrameworkElement}, ResourceId=MenuScrollViewer}}">
                            <ItemsPresenter Margin="2"
                                            KeyboardNavigation.TabNavigation="Cycle"
                                            KeyboardNavigation.DirectionalNavigation="Cycle"
                                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                                            Grid.IsSharedSizeScope="true" />
                        </ScrollViewer>
                    </ContentControl>
                </theme:SystemDropShadowChrome>
            </Popup>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property="IsSuspendingPopupAnimation"
                     Value="true">
                <Setter TargetName="PART_Popup"
                        Property="PopupAnimation"
                        Value="None" />
            </Trigger>
            <Trigger Property="IsHighlighted"
                     Value="true">
                <Setter TargetName="InnerBorder"
                        Property="Stroke"
                        Value="#D1DBF4FF" />
            </Trigger>
            <Trigger Property="Icon"
                     Value="{x:Null}">
                <Setter TargetName="Icon"
                        Property="Visibility"
                        Value="Collapsed" />
            </Trigger>
            <Trigger Property="IsChecked"
                     Value="true">
                <Setter TargetName="GlyphPanel"
                        Property="Background"
                        Value="#E6EFF4" />
                <Setter TargetName="GlyphPanel"
                        Property="BorderBrush"
                        Value="#CDD3E6" />
            </Trigger>
            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="Icon"
                               Value="{x:Null}" />
                    <Condition Property="IsChecked"
                               Value="true" />
                </MultiTrigger.Conditions>
                <Setter TargetName="Glyph"
                        Property="Visibility"
                        Value="Visible" />
                <Setter TargetName="Icon"
                        Property="Visibility"
                        Value="Collapsed" />
            </MultiTrigger>
            <Trigger SourceName="PART_Popup"
                     Property="Popup.HasDropShadow"
                     Value="true">
                <Setter TargetName="Shdw"
                        Property="Margin"
                        Value="0,0,5,5" />
                <Setter TargetName="Shdw"
                        Property="Color"
                        Value="#71000000" />
            </Trigger>
            <Trigger Property="IsHighlighted"
                     Value="true">
                <Setter TargetName="Bg"
                        Property="Fill"
                        Value="{StaticResource MenuItemSelectionFill}" />
                <Setter TargetName="Bg"
                        Property="Stroke"
                        Value="#8571CBF1" />
            </Trigger>
            <Trigger Property="IsEnabled"
                     Value="false">
                <Setter Property="Foreground"
                        Value="#FF9A9A9A" />
                <Setter TargetName="GlyphPanel"
                        Property="Background"
                        Value="#EEE9E9" />
                <Setter TargetName="GlyphPanel"
                        Property="BorderBrush"
                        Value="#DBD6D6" />
                <Setter TargetName="Glyph"
                        Property="Fill"
                        Value="#848589" />
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>

</Application.Resources>
</Application>

您需要将对PresentationSource.Aero 的引用添加到您的项目中，并且您可能希望在选中时使GlyphPanel 的颜色变暗。

关于设置了 Image 和 IsCheckable 的 WPF MenuItem，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3842493/

文章推荐： angularjs - 将 IP 地址绑定(bind)到 nginx 上托管的 Angular 站点

文章推荐： singleton - 如果多个线程尝试访问单例对象会发生什么

文章推荐： reference - 部署 ClickOnce 时缺少 dll

c# - 为什么设置 MenuItem.InputGestureText 不会在我执行输入手势时激活 MenuItem？
我想为 MenuItem 实现键盘快捷键。我使用了下面的代码: ` 但是当我按下 CTRL+N 时，InputGestureText 属性没有响应。我正在使用
java - Android:单击一个 MenuItem 使另一个 MenuItem 在工具栏中可见
例子: 菜单 1(可见 = 假) 菜单 2(可见 = 假) 菜单 3(可见 = 真) 当点击 Menu3 时，我希望显示 Menu1 和 Menu2。 @Override public void on
android - 使用 menuItem.getItemId() 在查找用户选择的 MenuItem 时是否有效？
我的应用程序中有菜单。我需要检查用户选择了哪个菜单项并采取适当的措施。我这样做是为了， @Override public boolean onOptionsItemSelected(MenuI
c# - WPF ContextMenu itemtemplate，menuitem inside menuitem
我有以下 xaml: TestItemModel 类仅包含一个 IsSelected bool 属
api - 黑莓中 OS5 MenuItem 类和 OS6 MenuItem 类有什么区别
我是 BlackBerry 的新手，我仍然为 BlackBerry OS 5 开发应用程序。我知道 BlackBerry 中的 MenuItem 类用于在 Blackberry 中创建菜单项。我的
jquery - "li.menuItem:first"到 "li.menuItem:second"？
在页面加载时，JavaScript 使第一个缩略图处于事件状态，但我想根据它正在加载的页面将其更改为第二个、第三个甚至第四个缩略图。 JavaScript 适用于第一个缩略图处于事件状态: $('#m
C# Windows 窗体 - MenuItem 单击事件 - 获取 MenuItem 文本
如何获取已单击的任何给定菜单项的文本？菜单是动态填充的，所以我似乎仅限于此: Menu.MenuItems.Add(new MenuItem("MenuName", new EventHandle
wpf - 如何将 MenuItem 的数据绑定(bind)列表合并到 WPF 中的另一个 MenuItem？
我有一个"file"MenuItem，我想显示最近打开的文件列表。这是我现在拥有的 xaml:
reactjs - 如何修复 Material-UI Select w/MenuItem ，其中 MenuItem 水平渲染？
我一直在使用 React/Next.js 来使用 Material-UI，但遇到了一个奇怪且持续存在的错误。我无法获取呈现常规垂直下拉菜单。我如何获得 s 垂直渲染？我搜索了文档，但找不到任何内容。
c# - Menuitems 没有改变，当我悬停在 MenuItems 上时。在 Asp.net 上
下面的代码我有问题。当我将鼠标悬停在菜单项上时，departmentsHover 类不会影响菜单项。颜色和背景图像没有改变。我必须做什么？ P.S 我在环境中使用 MS visual Studio
ios - 无法下标 'inout [MenuItem]' 类型的值(又名 'inout Array' )
我的 TableViewController 类中有这个奇怪的错误消息 class MenuTableViewController: UITableViewController { filepriva
c# - 使用 Control+Plus 的快捷方式创建 MenuItem – 使用反射修改 MenuItem 的私有(private)字段是最好的方法吗？
我正在使用旧版 MainMenu control (with MenuItem s) control in an application, and would like to implement zo
WPF - MenuItem 突出显示有不需要的辅助突出显示
我在 Button 上有一个 ContextMenu，显示时它会显示一个菜单项列表，这很好。如果我将鼠标移到菜单中的某个项目上，它会高亮显示，但当我将鼠标悬停在文本上方和周围时，我也会得到一个辅助高亮
c# - 将彩色椭圆添加到 MenuItem
我想向我的 ContextMenu 的某些 MenuItems 添加一个 Ellipse。遗憾的是我无法让它工作[没有显示任何内容]。 Canvas canvas = new Canvas() {
c# - MenuItem 可见性基于子菜单项状态
我有一个基于 MVVM 的 WPF 上下文菜单，并希望将菜单项的可见性绑定(bind)到 IsEnabled其子菜单项的属性。问题是:根MenuItem始终可见，即使所有子菜单项都被禁用。但是在菜单项
JavaFX - MenuItem 和按钮的相同操作处理程序
我想知道我上面提出的问题的答案。我发现了很多关于这个问题的信息，但仅限于 Java Swing，而且 Action 处理是完全不同的。感谢您的回答，我很抱歉我的英语不好。最佳答案你可以做到 Eve
对 menuItem() 选项卡选择使用react
在shinydashboard中，可以创建menuItem()，它们是侧边栏中的选项卡。我希望能够使用标准 input$foo 语法轮询哪个选项卡处于事件状态。但是，我没能做到。我尝试引用 menu
没有自动隐藏的 JavaFX MenuItem
关闭。这个问题需要多问focused 。目前不接受答案。想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 8 年前。 Improve this ques
jsf - 在不单击文本的情况下单击 MenuItem
我有一个菜单，我想点击菜单，但如果你们知道我的意思的话，我不想点击文本。MenuItem 有一个边框或类似的东西，但是当我点击它时它不会重定向到我想要的页面，除非我点击文本。是否可以单击整个“按钮”
c# - MenuItem 的颜色变化
我正在编写一个备份工具。在我的工具之上，我有一个包含两个工具条菜单项的菜单条。我根据我的期望稍微改变了颜色。不关注菜单看起来很棒: 当我现在单击菜单项"file"打开上下文菜单时，颜色变为白色，我无法

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

设置了 Image 和 IsCheckable 的 WPF MenuItem