WPF MenuItem 图标共享

Question

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

这是我的 MenuItems 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}" />

我已经尝试在 Image 控件上设置此 Shared 属性，但没有运气。

有什么建议吗？

Answer 1

你快到了！

首先：不要被模板与样式混淆。

将 Icon 属性设置为 Image 控件时，只会创建一个副本。由于一个控件只能有一个父级，因此每次重新分配时它都会从前一个父级中删除。

这就是为什么您只看到一个图标的原因。

您有两种解决方案可以满足您的需求：

• 改用数据模板，并重新定义 MenuItem 的整个模板
• 使用具有共享图像组件的样式（您尝试实现的目标）

在您的示例中，唯一的错误是 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>

希望能帮助到你。