WPF菜单项图标共享

本文关键字：共享 图标 菜单项 WPF | 更新日期: 2023-09-27 18:13:13

我想将图标绑定到MenuItem控件中，这些项是动态创建的。我尝试将x:Shared属性设置为False，但总是只有最后一项有图标。

这是我的菜单项的样式ItemContainerStyle代码:

<Window.Resources>
    <Style TargetType="{x:Type MenuItem}" x:Key="MenuItemStyle" x:Shared="False">
        <Setter Property="Icon">
            <Setter.Value>
                <Image Source="{Binding IconSource}" />
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

和MenuItem定义:

<MenuItem Header="Workspaces" ItemsSource="{Binding WorkspaceItems}" Icon="{StaticResource BranchIcon}" ItemContainerStyle="{StaticResource MenuItemStyle}" />

我已经尝试在图像控件上设置这个共享属性，但是没有运气。

任何建议吗?

WPF菜单项图标共享

你就快成功了!

首先:不要被模板和样式搞混了。

当您将图标属性设置为图像控件时，只创建一个副本。因为一个控件只能有一个父控件，所以每次它被重新分配时，它都会从之前的父控件中移除。

这就是为什么你只看到一个图标。

你有两个解决方案:

  • 使用datatemplate代替，并重新定义菜单项的整个模板
  • 使用带有共享图像组件的样式(您试图实现的)

在您的示例中，唯一的错误是Image资源上的Shared属性应该为false，而不是整个样式。这应该可以工作:

<Window.Resources>
    <Image x:Key="MenuIconImage" x:Shared="false" Source="{Binding IconSource}"/>
    <Style TargetType="{x:Type MenuItem}" x:Key="MenuItemStyle" BasedOn="{StaticResource {x:Type MenuItem}}">
        <Setter Property="Icon" Value="{StaticResource MenuIconImage}">
        </Setter>
    </Style>
</Window.Resources>

希望能有所帮助。

相关文章：