WPF MenuItem图标仅显示在最后一项及自定义图标绑定问题求助

先聊聊你遇到的问题本质：你在Style的Icon Setter里直接创建了一个TextBlock实例，WPF默认会把这个实例共享给所有应用该Style的MenuItem。但一个UI元素只能属于一个可视化树——就像一个杯子不能同时放在两个桌子上，所以最后只有最后一个MenuItem能“占用”这个TextBlock显示出来，前面的都没份儿。而且这个共享的元素还可能打乱MenuItem的内部布局逻辑，导致Playlist项展开异常。

至于你试过的x:Shared=false，它只能用在ResourceDictionary里的资源上，直接放在Style内部的Setter.Value里肯定会报XamlParseException；移出Style.Resources后不生效，也是因为用法不符合规则。

下面给你两种解决方案，优先推荐第一种，因为它能完美满足你“绑定每个菜单项各自图标”的需求：

方案一：用DataTemplate + 数据属性实现自定义图标绑定 #

这种方式会为每个MenuItem生成独立的Icon实例，完全解决共享问题，还支持绑定自定义图标：

1. 首先在你的MenuItem类里加一个用来存储图标内容的属性，比如IconText（如果是图标资源可以用IconSource之类的，根据你的需求调整）：

public class MenuItem
{
    public string Name { get; set; }
    public List<MenuItem> SubItems { get; set; }
    public string IconText { get; set; } // 新增的图标文本属性
}

2. 修改你的Style，用IconTemplate来定义图标的渲染方式，同时把Icon绑定到你的数据属性：

<Style TargetType="MenuItem">
    <Setter Property="Template" Value="{StaticResource MenuItem}"/>
    <!-- 绑定到MenuItem类的IconText属性 -->
    <Setter Property="Icon" Value="{Binding IconText}"/>
    <Setter Property="Header" Value="{Binding Name}"/>
    <Setter Property="ItemsSource" Value="{Binding SubItems}"/>
    <!-- 定义图标的渲染模板，每个MenuItem都会生成独立的TextBlock -->
    <Setter Property="IconTemplate">
        <Setter.Value>
            <DataTemplate>
                <TextBlock FontWeight="Bold" Text="{Binding}"/>
            </DataTemplate>
        </Setter.Value>
    </Setter>
</Style>

这样每个MenuItem都会根据自己的IconText属性渲染出独立的图标，再也不会出现只有最后一项显示的问题，Playlist的展开异常也会因为可视化树恢复正常而修复。

方案二：用x:Shared=false创建独立实例（仅适用于固定图标） #

如果你暂时不需要绑定自定义图标，只是想让每个MenuItem显示相同的固定图标，可以用这种方式：

把TextBlock定义在ResourceDictionary里，设置x:Shared=false，这样每次引用都会生成新实例：

<!-- 放在Window/UserControl的Resources里 -->
<Window.Resources>
    <TextBlock x:Key="FixedMenuItemIcon" x:Shared="False" FontWeight="Bold" Text="Ic"/>
</Window.Resources>

<Style TargetType="MenuItem">
    <Setter Property="Template" Value="{StaticResource MenuItem}"/>
    <Setter Property="Icon" Value="{StaticResource FixedMenuItemIcon}"/>
    <Setter Property="Header" Value="{Binding Name}"/>
    <Setter Property="ItemsSource" Value="{Binding SubItems}"/>
</Style>

但这种方式没法绑定自定义图标，所以优先选方案一。

最后再提一句：如果Playlist展开还有问题，检查你自定义的MenuItem模板（{StaticResource MenuItem}），确保模板里的展开按钮（ToggleButton）没有被Icon遮挡，并且正确绑定了IsSubmenuOpen属性。

内容的提问来源于stack exchange，提问作者Shachar Har-Shuv