WPF-MenuItem只显示最后一个Icon

我在配置一个ContextMenu,想实现动态后台添加MenuItem。

然而我遇到了这个问题：

无论是写死icon,还是后台赋值，都只有最后一个icon是显示的····

经过一番摸索，找到了个解决方案。

<ContextMenu ItemsSource="{Binding TabMenuModels}" Style="{ 
        StaticResource MaterialDesignContextMenu}">
    <ContextMenu.ItemContainerStyle>

        <Style BasedOn="{StaticResource MaterialDesignMenuItem}" TargetType="MenuItem">
            <Style.Resources>

                <materialDesign:PackIcon
                    x:Key="imgCTX"
                    Width="16px"
                    Height="16px"
                    x:Shared="false"
                    Kind="{
      
      Binding Path=FontIcon}" />

            </Style.Resources>

            <Setter Property="FontFamily" Value="Microsoft YaHei" />
            <Setter Property="Icon" Value="{
      
      StaticResource imgCTX}" />
            <Setter Property="Header" Value="{
      
      Binding MenuHeader}" />
            <Setter Property="Command" Value="{
      
      Binding ExcuteCommand}" />
        </Style>
    </ContextMenu.ItemContainerStyle>
</ContextMenu>

icon 设置成资源然后使用x:share=false即可（图片一样）。

实现后的效果：

目前找到比较合理的解释：

每个UI元素只能放在视觉树中的一个位置。 不能在多个MenuItem上使用相同的资源控件。
需要为每个MenuItem创建单独的资源控件。
否则，每次将其分配给新的MenuItem时，都只是将其从一个移到下一个。
x:share 特性设置为false时，会修改wpf检索资源的行为，为每一个请求都生成不同的实例，而不是共享实例。

感觉还是不够清晰，至少问题解决了，希望明白原因的大佬能分享。感谢！~~

后记

本人不是大佬，只是道路先行者，在落河后，向后来的人大喊一声，这里有坑，不要过来啊！

纵然如此，依旧有人重复着落河，重复着呐喊······

个人博客网站 Blog

技术交流Q群： 1012481075 群内有各种流行书籍资料

文章后续会在公众号更新，微信搜索 OneByOneDotNet 即可关注。

你的一分鼓励，我的十分动力，点赞免费，感恩回馈。喜欢就点赞评论吧，双击66~